Tooltip 提示

通用悬停提示组件，可包裹按钮、图标或任意内联内容。

基础用法

保存当前设置

<mc-tooltip content="保存当前设置">
  <mc-button variant="primary">悬停查看</mc-button>
</mc-tooltip>

显示位置

顶部底部左侧右侧

<mc-tooltip content="顶部" placement="top"><mc-button>Top</mc-button></mc-tooltip>
<mc-tooltip content="底部" placement="bottom"><mc-button>Bottom</mc-button></mc-tooltip>
<mc-tooltip content="左侧" placement="left"><mc-button>Left</mc-button></mc-tooltip>
<mc-tooltip content="右侧" placement="right"><mc-button>Right</mc-button></mc-tooltip>

自定义内容

McUI
支持插槽内容

<mc-tooltip>
  <mc-button variant="normal">复杂提示</mc-button>
  <template #content>
    <strong>McUI</strong><br />支持插槽内容
  </template>
</mc-tooltip>

Props

名称	类型	默认	说明
content	string	''	提示文本
placement	'top' | 'bottom' | 'left' | 'right'	top	显示位置
disabled	boolean	false	是否禁用提示
delay	number	0	显示延迟，单位毫秒

Slots

名称	说明
default	触发提示的内容
content	自定义提示内容