常用于展示收起的解释信息或对某个元素进行解释。

类型气泡提示 - 图2

用法详解

当鼠标悬浮在UI元素上时,显示出对该元素的说明,或者露出更多的信息。
可以用于显示“问号”的帮助信息。
气泡提示 - 图3

表格内容过长出现“…”时,hover显示完整信息。
气泡提示 - 图4

可以用于显示“操作”的帮助信息。气泡的位置不要遮挡重要区域以及操作区域。
气泡提示 - 图5

气泡的尖角优先显示于居中顶部,并且尖角与需要提示的内容对齐居中放置。当提示内容位于页面的边角时,尖角位置可酌情调整。
气泡提示 - 图6

样式

气泡提示 - 图7