# Tooltip 文字提示

鼠标悬停在一个 UI 元素（如按钮、图标、文字等）上时，在元素周围弹出的简单文字提示，用于展示该元素的辅助信息。鼠标移入元素后文字提示显示，移出后文字提示消失。

# 设计说明

# 使用说明

# 何时出现

# 正确和错误示范

• 不可展示重复或多余的信息： 不应在文字提示中展示与其目标元素重复的信息。

• 不可展示可交互信息： 文字提示不应承载可交互的操作信息。当需要展示操作时，可考虑使用弹出框或气泡确认框。

# 布局

• 文字提示支持 12 个不同方位，分别为： 上左、上、上右、下左、下、下右、左上、左、左下、右上、右、右下。

根据视线流及页面布局限制来决定文字提示的方位，防止文字提示遮挡相关信息，打断工作流。同一业务内建议采用统一的布局方式。

# 间距

# 尺寸

• 宽度： 32px ≤ 宽度 ≤ 680px；
• 高度： 32px ≤ 高度 ≤ 404px；