theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

📝: [tooltip]更新文档

Browse Source
This commit is contained in:
sight 2022-09-10 21:03:25 +08:00
parent 12af6990ff
commit 07d0bc7e6a
1 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
package/document-component/src/document/zh-CN/components/tooltip.md
View File

@ -50,17 +50,14 @@ setup() {
</template> </template>
::: :::
::: title 外部控制 ::: title 受控模式
::: :::
::: demo ::: demo
<template> <template>
<lay-button @click="visible = !visible">{{visible ? '显示' : '隐藏'}}</lay-button> <lay-tooltip :visible="visible" trigger="click" content="假装这里有文字提示" >
<div style="padding: 100px"> <lay-button @mouseenter="visible=true" @mouseleave="visible=false">tooltip</lay-button>
<lay-tooltip position="right" content="假装这里有文字提示" :visible="visible">
<lay-button>tooltip</lay-button>
</lay-tooltip> </lay-tooltip>
</div>
</template> </template>
<script> <script>
@ -190,7 +187,7 @@ export default {
| isCanHide | 控制是否可以隐藏,可参考`lay-slider`组件 | `true`(默认值)、`false` | | isCanHide | 控制是否可以隐藏,可参考`lay-slider`组件 | `true`(默认值)、`false` |
| isAutoShow | 控制超出文本 `...` 时自动展示， 没有 `...` 时不展示 | `false`(默认值)、`true` | | isAutoShow | 控制超出文本 `...` 时自动展示， 没有 `...` 时不展示 | `false`(默认值)、`true` |
| visible | 控制显示/隐藏| `true` `false`(默认值)| | visible | 控制显示/隐藏| `true` `false`(默认值)|
| enterable | 鼠标是否能进入 tooltip 中 | `true`(默认值) `false`| | enterable | 鼠标能否进入 tooltip 中 | `true`(默认值) `false`|
| trigger | 触发方式| `click` `hover`(默认值) `contextmenu` `focus` `trigger[]`| | trigger | 触发方式| `click` `hover`(默认值) `contextmenu` `focus` `trigger[]`|
::: :::