跳到主要内容
Popover
气泡框用于在某个元素的周围弹出一个小型的浮层,显示一些简单的辅助信息,例如提示、说明或状态等。

基本定义

概述

需要用户进一步的确认时,在目标元素附近弹出浮层提示,二次询问用户。

构成元素

  1. 触发元素:点击,鼠标移入,获得输入焦点
  2. 内容浮层

类型

  1. 仅图标触发
  2. 带有图标的按钮

用法

什么时候用

你想为 图标/按钮 提供识别性的简短说明

什么时候不用

你想展示文本段落

最佳实践

图片描述

行为

出现方式

Hover 指定元素,即时出现(0毫秒)

出现位置

显示位置会动态配置:缺一个具体的规则

生命周期

失去焦点时,内容浮窗销毁

全局变化

容器的规则

此组件以Z轴浮层形式出现,组件会覆盖屏幕上的内容,并始终出现在最顶层

跨端的变化

  • Pad
    • 不支持
  • Phone
    • 不支持