跳到主要内容
tooltips
用于在页面上为某些元素提供一些额外的说明或帮助信息,比如功能介绍、使用方法、注意事项等,通常会在鼠标悬停或点击时显示,并随着鼠标移动而变化位置。

构成元素

  1. 触发元素
  2. 内容浮层

图片描述

类型

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

用法

什么时候用

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

什么时候不用

你想展示文本段落

最佳实践

图片描述

行为

出现方式

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

出现位置

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

生命周期

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

全局变化

容器的规则

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

跨端的变化

  • Pad:支持
  • Phone:不支持