Вчера
Сегодня я чувствую себя не очень хорошо (прямо-таки 3-й день lol), поэтому решил расслабиться и немного успокоиться.
Готово!
- больше играл со стилем
- просмотрела больше уроков по укладке
Сегодня
Я чувствовала себя бодрой (если не немного виноватой), начиная все заново, с большим количеством новых возможностей для работы.
Одной из моих главных целей сегодня было внедрение контекстных меню, чтобы сделать определенные действия более доступными. Планировалось поместить в них кнопки «редактировать», «удалить» и «создать». К сожалению, решение оказалось не таким простым, как готовая библиотека, и я все еще сталкиваюсь с некоторыми блокировками.
Я хотел сделать это как можно проще, поэтому просто делаю:
<div on:contextmenu={setPosition}
Aida
</div>
<div class="context-menu" style="top: pos.x; left: pos.y">
<button>Edit</button>
</div
Это приводит к появлению контекстного меню, но есть проблема. Контекстное меню должно закрываться каждый раз, когда открывается другое, поэтому логика не может быть заключена только в одном компоненте Friend. Это означает, что мне нужно будет поднимать состояние контекстного меню, чтобы отслеживать, какое из них открыто. Также будет сложно, если они выбирают место на странице снаружи или регулярно щелкают в другом месте.
Кроме того, поскольку я планировал, что щелчок на пустом месте будет вызывать контекстное меню «Создать», мне нужно будет иметь два разных трекера контекстного меню.
Пока что я доволен своим базовым контекстным меню, но буду работать над ним на следующей неделе.