PWA上的Ionic 4 Popover和/或操作表?

时间:2019-02-25 17:34:47

标签: drop-down-menu progressive-web-apps ionic4

我正在构建Ionic 4 PWA,并且正在寻找针对以下方面的“简单”解决方案:

对于列表中的每个项目,例如新闻源或评论列表:我希望有一个“更多”图标(点图标)显示登录用户可以使用的选项列表,例如如果他们拥有评论或新闻源项目,则将有其他选项,例如“编辑”和“删除”等。

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

是否可以在代码中动态创建弹出框而不必为其创建组件,因为弹出框列表中的项目会根据对象的类型而有所不同,例如新闻订阅源,评论等及其对该对象的访问权限,例如编辑/删除等。

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

我确实采用了为移动用户使用ActionSheet和为桌面使用Material Design Mat-Menu的方法,但这似乎太复杂了。

任何建议都会有所帮助。

谢谢

罗伊

1 个答案:

答案 0 :(得分:0)

使用自定义CSS类的弹出式窗口正在使用屏幕媒体查询怎么样?