Ionic 4 popover и / или лист действий на PWA?
Я создаю Ponic Ionic 4 и ищу "простое" решение для следующего:
Для каждого элемента в списке, например, новостной ленты или списка комментариев: я хочу, чтобы значок "more" (значок dotdotdot) отображал список опций, доступных вошедшему в систему пользователю, например, если у них есть комментарий или новостная лента, у них будет дополнительный такие опции, как "изменить" и "удалить" и т. д.
Теперь я могу использовать ActionSheet, чтобы показать эти параметры и динамически добавлять правильные параметры в лист - все хорошо. Но это выглядит хорошо только на мобильном устройстве. Если пользователь находится на рабочем столе, лист действий выглядит неуместным. Таким образом, Popover будет выглядеть лучше, но только на рабочем столе.
Можно ли динамически создавать всплывающее окно в коде, не создавая для него компонент, поскольку элементы в списке всплывающих окон будут различаться в зависимости от того, к какому типу объектов это относится, например, лента новостей, комментарии и т. Д., А также от прав доступа к этому объекту, например, edit / удалить и т. д.
Не уверен, что я объяснил это очень хорошо, но я искал удобный, простой интерфейс Ionic 4 для отображения "опций" для пользователя, когда затем нажимал / нажимал на иконку "больше" в зависимости от устройства.
Я пошел по пути наличия ActionSheet для мобильных пользователей и Mat-Menu Material Design для рабочего стола, но это кажется слишком сложным.
Любой совет поможет.
Спасибо,
Rowie
1 ответ
Как насчет всплывающего окна с пользовательским классом CSS, который использует экранный медиа-запрос?