Tooltip 文字提示

鼠标悬停时显示信息提示。

基本用法

将 ATooltip 包裹在目标元素外，通过 content 设置提示文字。

<ATooltip content="顶部提示">
  <ABtn>上</ABtn>
</ATooltip>
<ATooltip content="底部提示" placement="bottom">
  <ABtn>下</ABtn>
</ATooltip>
<ATooltip content="左侧提示" placement="left">
  <ABtn>左</ABtn>
</ATooltip>
<ATooltip content="右侧提示" placement="right">
  <ABtn>右</ABtn>
</ATooltip>

禁用

设置 disabled 禁用提示。

<ATooltip content="不会显示" disabled>
  <ABtn>禁用提示</ABtn>
</ATooltip>

API

Props

名称	类型	默认值	说明
content	string	''	提示文字
placement	'top' | 'bottom' | 'left' | 'right'	'top'	展示位置
delay	number	100	显示/隐藏延迟（毫秒）
disabled	boolean	false	是否禁用

Events

名称	说明
show	提示显示时触发
hide	提示隐藏时触发

Slots

名称	说明
default	触发提示的目标元素

交互特性

• 鼠标悬停或聚焦时延时显示，移出时延时隐藏
• 四个方向自适应
• 带小三角箭头指向触发元素
• enter/leave 带 100ms 防抖延迟