【问题标题】:Ionic 4 popover and/or actionsheet on PWA?PWA 上的 Ionic 4 弹出框和/或操作表?
【发布时间】: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


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-04-08
      • 1970-01-01
      • 1970-01-01
      • 2023-03-28
      • 2019-06-22
      • 2020-02-21
      • 1970-01-01
      • 2019-07-27
      相关资源
      最近更新 更多