时间戳

首页 > 解决方案 > PWA 上的 Ionic 4 弹出框和/或操作表？

drop-down-menu - PWA 上的 Ionic 4 弹出框和/或操作表？

问题描述

我正在构建一个 Ionic 4 PWA，我正在寻找一个“简单”的解决方案来解决以下问题：

对于列表中的每个项目，例如新闻源或评论列表：我想要一个“更多”图标（点点图标）来显示登录用户可用的选项列表，例如，如果他们拥有评论或新闻源项目，他们将有额外的“编辑”和“删除”等选项。

现在我可以使用 ActionSheet 来显示这些选项并动态地将正确的选项添加到工作表中——一切都很好。但这仅在移动设备上看起来不错。如果用户在桌面上，则操作表看起来不合适。因此，Popover 看起来会更好，但仅限于桌面视图。

是否可以在代码中动态创建弹出框而无需为其创建组件，因为弹出框列表中的项目将根据它的对象类型而有所不同，例如新闻提要、评论等以及它们对该对象的访问权限，例如编辑/删除等

不确定我是否已经很好地解释了这一点，但正在寻找一种巧妙、简单的 UI Ionic 4 方式来向用户显示“选项”，然后根据设备单击/点击更多图标。

我确实采用了针对移动用户的 ActionSheet 和针对桌面的 Material Design Mat-Menu 的路线，但它似乎过于复杂。

任何建议都会有所帮助。

谢谢，

罗伊

标签： drop-down-menuprogressive-web-appsionic4

解决方案

带有使用屏幕媒体查询的自定义 css 类的弹出框怎么样？

推荐阅读