Appearance
Tooltip 文字提示
悬浮显示的文字提示,支持黑白两种样式、可自定义内容与显示位置。
基础用法
将需要提示的内容包裹在 c-tooltip 中,默认 theme="dark"、placement="top"。
主题风格(黑/白)
通过 theme 切换黑白主题。
显示位置(placement)
支持 top / right / bottom / left 四个方向。
自定义内容(插槽)
支持通过 #content 插槽自定义内容(可放图标、文本、任意节点)。
Props
| 属性名 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| content | 提示文本(优先级低于插槽 #content) | string | — | — |
| theme | 主题风格 | 'dark' | 'light' | dark、light | dark |
| placement | 显示位置 | 'top' | 'right' | 'bottom' | 'left' | top、right、bottom、left | top |
| disabled | 是否禁用提示 | boolean | — | false |
| showDelay | 显示延迟毫秒 | number | — | 80 |
| hideDelay | 隐藏延迟毫秒 | number | — | 80 |
Events
| 事件名 | 说明 |
|---|---|
| show | 提示显示时触发 |
| hide | 提示隐藏时触发 |
Slots
| 插槽名 | 说明 |
|---|---|
content | 自定义提示内容,优先级高于 content 属性 |