5.1 KiB
5.1 KiB
::: anchor :::
::: title 字体使用 :::
::: demo
缩小浏览器时...假装这里有文字提示假装这里有文字提示假装这里有文字提示假装这里有文字提示
假装这里有文字提示
假装这里有文字提示
:::
::: title 基础使用 :::
::: demo
tooltip :::::: title 受控模式 :::
::: demo <lay-button @mouseenter="visible=true" @mouseleave="visible=false">tooltip
:::
::: title 显示位置 :::
::: demo
上边
左边
右边
下边
:::
::: title 浅色主题 :::
::: demo
tooltip:::
::: title 是否禁用/动态属性 :::
::: demo
tooltip:::
::: title Tooltip 属性 :::
::: table
| 属性 | 描述 | 可选值 |
|---|---|---|
| content | 显示内容 | -- |
| position | 显示位置 | top(默认值)、bottom、left、right |
| isDark | 是否为黑色主题 | true(默认值)、false(浅色) |
| disabled | 是否禁用 | false(默认值)、true(禁用) |
| isCanHide | 控制是否可以隐藏,可参考lay-slider组件 |
true(默认值)、false |
| isAutoShow | 控制超出文本 ... 时自动展示， 没有 ... 时不展示 |
false(默认值)、true |
| visible | 控制显示/隐藏 | true false(默认值) |
| enterable | 鼠标能否进入 tooltip 中 | true(默认值) false |
| trigger | 触发方式 | click hover(默认值) contextmenu focus trigger[] |
:::
::: contributor tooltip :::
::: previousNext tooltip :::