跳到主要内容

Popover 气泡弹出框

在点击控件或者某个区域后,浮出一个气泡菜单来做更多的操作。


基础用法

快捷导航,将不常用的快捷功能入口收纳到 Popover 中,通过更多加号等图标或文字来触发 Popover,展开菜单。

不同位置

可根据需要触发不同位置的气泡弹出框。

设计指南

  • 选项文案简洁明了,因Popover无法拖动,所以覆盖面积尽量小,以防遮盖原本重要的信息。
  • 无背景遮罩,点击气泡以外区域关闭Popover
  • Popover显示区域较小呈现的选项有限,为了防止误操作不建议在Popover里启用滚动,选项尽可能控制在 5 个以内。