气泡卡片 Popover OR 文字气泡 Tooltips

一、气泡卡片 Popover

气泡卡片（Popover）是当用户点击 / 鼠标移入元素时，就会弹出气泡式的卡片浮层。当对于某个元素有更多的解释性描述和相关操作时，这些内容可以收纳到元素的气泡卡片中，根据用户的操作行为进行展现。

用法特征

1. 用户可以在浮层卡片上进行相关操作，也即气泡卡片可以并需要承载更复杂的内容和交互功能。
2. 卡片中可以包括的内容有：文字说明，图片内容，操作按钮，相关链接等等。
3. 组件功能侧重于：承载信息和操作。即收纳并在需要的时候展示与该元素内容相关的信息和操作。这些信息的特征通常是：

• 并不紧急但比较重要的解释内容；
• 有一部分的用户需要随时阅读的内容；
• 在点击关键操作后给用户确认“是否继续进行”的提示。

二、文字气泡 Tooltips

字气泡（Tooltips）是相对简单的文字提示气泡框。用户使用鼠标移入元素后显示提示，移出后提示消失。

用法特征

1. 文字气泡通常不承载复杂的信息和操作，仅提供一段文案解释，也即用户在文字气泡中不能做除阅读外的其它操作。
2. 该组件功能侧重于：解释说明。即对局部内容或元素进行文字性的解释说明。通常来说该气泡是对其载体本身的解释，比如：

• 一个特殊的功能按钮；
• 专有名词、难懂词汇；
• 看不出具体目的地的操作链接
• 特殊的 icon 等。

四、使用建议 Advice

1. 关于使用场景

• 气泡卡片 Popover：常用于承载信息和操作。承载的内容和形式更为多样。
• 文字气泡 Tooltips：常用于解释说明。仅承载简单的文案信息。