【发布时间】:2019-02-25 17:34:46
【问题描述】:
我正在构建一个 Ionic 4 PWA,我正在为以下问题寻找一个“简单”的解决方案:
对于列表中的每个项目,例如新闻源或 cmets 列表:我想要一个“更多”图标(dotdotdot 图标)来显示登录用户可用的选项列表,例如如果他们拥有评论或新闻源项目,他们将拥有额外的选项,例如“编辑”和“删除”等。
现在我可以使用 ActionSheet 来显示这些选项并将正确的选项动态添加到工作表中 - 一切都很好。但这仅在移动设备上看起来不错。如果用户在桌面上,则操作表看起来不合适。因此,Popover 会更好看,但仅限于桌面视图。
是否可以在代码中动态创建弹出框而不必为其创建组件,因为弹出框列表中的项目将根据对象的类型而有所不同,例如新闻源、评论等及其对该对象的访问权限,例如编辑/删除等。
不确定我是否已经很好地解释了这一点,但正在寻找一种巧妙、简单的 UI Ionic 4 方式来向用户显示“选项”,然后根据设备单击/点击更多图标。
我确实采用了针对移动用户的 ActionSheet 和针对桌面的 Material Design Mat-Menu 的路线,但它似乎过于复杂。
任何建议都会有所帮助。
谢谢,
罗伊
【问题讨论】:
标签: drop-down-menu progressive-web-apps ionic4