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.
38 lines
1.5 KiB
38 lines
1.5 KiB
6 years ago
|
## Poptip
|
||
|
|
|
||
|
|
以卡片的形式承载了更多的内容，比如链接、表格、按钮等。
|
||
|
|
|
||
|
|
### Poptip props
|
||
|
|
|
||
|
|
属性 | 说明 | 类型 | 可选值 | 默认值
|
||
|
|
--- | --- | --- | --- | ---
|
||
|
|
trigger | 触发方式 | String | hover, click, focus, 在 confirm 模式下，只有 click 有效 | click
|
||
|
|
placement | 出现位置 | String | 详见popper.js文档 | top
|
||
|
|
title | 标题 | String | — | —
|
||
|
|
content | 显示的正文内容，只在非 confirm 模式下有效 | String | — | —
|
||
|
|
disabled | 是否禁用 | Boolean | — | —
|
||
|
|
width | 宽度 | Number | — | —
|
||
|
|
visible-arrow | 是否显示箭头 | Boolean | — | true
|
||
|
|
confirm | 是否开启对话框模式 | Boolean | — | false
|
||
|
|
ok-text | 确定按钮的文字，只在 confirm 模式下有效 | String | — | 确定
|
||
|
|
cancel-text | 取消按钮的文字，只在 confirm 模式下有效 | String | — | 取消
|
||
|
|
distance | 弹出层与触发元素的距离 | Number | — | 5
|
||
|
|
popper-class | 弹出层自定义样式 | String | — | —
|
||
|
|
append-to-body | 弹出层是否插入 body | Boolean | — | false
|
||
|
|
position-fixed | 弹出层是否 fixed 定位 | Boolean | — | false
|
||
|
|
viewport | 弹出层是否基于 viewport 定位 | Boolean | — | false
|
||
|
|
popper-options | Popper.js 的可选项 | Object | — | —
|
||
|
|
|
||
|
|
### Poptip slots
|
||
|
|
|
||
|
|
名称 | 说明
|
||
|
|
--- | ---
|
||
|
|
default | 内嵌 HTML 文本
|
||
|
|
reference | 触发元素
|
||
|
|
|
||
|
|
### Poptip events
|
||
|
|
|
||
|
|
事件名称 | 说明 | 回调参数
|
||
|
|
--- | --- | ---
|
||
|
|
on-ok | 点击确定的回调 | —
|
||
|
|
on-cancel | 点击取消的回调 | —
|