You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
1.0 KiB
28 lines
1.0 KiB
6 years ago
|
## Tooltip
|
||
|
|
|
||
|
|
简单的文字提示工具，用于代替浏览器的 title 提示。
|
||
|
|
|
||
|
|
### Tooltip 指令修饰符
|
||
|
|
|
||
|
|
修饰符 | 说明
|
||
|
|
--- | ---
|
||
|
|
click | 点击触发提示
|
||
|
|
top / bottom / left / right | 提示优先方向，分别对应上/下/左/右
|
||
|
|
start / end | 提示位置，可与方向组合使用
|
||
|
|
light / dark | 主题，默认为 dark
|
||
|
|
fixed | 提示是否 fixed 定位
|
||
|
|
viewport | 提示是否基于 viewport 定位
|
||
|
|
|
||
|
|
### Tooltip 详细配置
|
||
|
|
|
||
|
|
属性 | 说明 | 类型 | 可选值 | 默认值
|
||
|
|
--- | --- | --- | --- | ---
|
||
|
|
text | 提示文本，支持标签 | String | — | —
|
||
|
|
placement | 提示优先出现方位 | 详见popper.js文档 | top
|
||
|
|
triggerEvent | 触发提示事件 | String | click / mouseenter | mouseenter
|
||
|
|
theme | 主题 | String | light / dark | dark
|
||
|
|
containerID | 提示组件的父容器 id | String | — | ans-tooltip-container
|
||
|
|
maxWidth | 提示内容最大宽度，超过该宽度换行 | String | — | 200px
|
||
|
|
positionFixed | 同 fixed 修饰符 | Boolean | — | false
|
||
|
|
viewport | 同 viewport 修饰符 | Boolean | — | false
|