помощь.
————————————————————————
Задача стоит сделать реализацию Sticky Notes как в Windows только на сайте.
Т.е по кнопке в меню открывается заметка которую можно перетаскивать, расширять, писать текст и т.д
———————————————————————————————————————————————————
Сама реализация не сложная, но вопрос в том как открыть этот компонент на подобии popup или модального окна не закрывая другие компоненты и оставить возможность взаимодействовать с компонентами?
Т.е. Перетаскивать sticky в любом месте сайта и переходить по страницам дальше, чтобы sticky не исчезал.
Пожалуйста если кто-то знает помогите мне 😁😊
Сделать вне router-view
лучше всего в layout
Спасибо! Можно чуть подробнее, как layout по кнопке отобразить ?
Подскажите пож-ста как? Чтобы по кнопке он инициализировался и появляся :)
> Перетаскивать sticky в любом месте сайта и переходить по страницам дальше, чтобы sticky не исчезал. мой ответ на этот вопрос как сделать по кнопке - зависит от вашей реализации
сделай заметку, которую нужно показывать и перетаскивать на экране в виде компонента, этот компонент импортируй на любой странице, создай пеерменную, например isNoteVisible, по клику на кнопку меняй состояние переменной, можно true иил false. А уже в компоненте заметки добавляй всё,что нужно
чтобы перетаскивать компонент по всей странице, добавь класс к кмопоненту и задай ему position - absolute. Далее можно либо чистым джаваскирптом взаимоджействовать с кеомопнентом либо через директивы @onmouseenter, @onmousemove и менять положение компонента
лучше родитель с width 100% height 1px position fixed и в него уже стикер absolute
Обсуждают сегодня