popover(弹出菜单)

popover(弹出菜单)是mobile App中常见的UI组件,在用户点击位置附近弹出悬浮菜单,向用户展示更多信息或提供快捷操作。

popover最常用的两个位置:顶部导航栏右侧和底部工具栏右侧; 点击本页右上角的 图标体验, 接着点击本页面右下角的“菜单”按钮体验。

除了页面顶部导航栏、底部工具栏固定位置之外,其它区域要使用弹出菜单,都要准确计算物理位置,从而实现弹出菜单的绝对定位; mui封装的手势事件中,可以获得点击位置,通过这些位置可实现任意区域的弹出菜单显示,点击如下按钮体验:

打开弹出菜单