Popover 气泡提示
Tooltip 组件用来实现鼠标移动至目标组件时,或者点击目标时,在其上显示提示丰富的信息。
基本用法
设置标题
设置最小宽度
自适应宽度
自定义样式
属性
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| id | string | -- | 组件标识 |
| isTips | boolean | false | 可选,是否作为简单提示。文本类的提示为简单提示,简单提示会显示箭头,有字号、行高、间距等样式特点。 |
| title | string | -- | 可选,气泡标题 |
| placement | PopoverPlacement | 'bottom' | 可选,气泡显示的位置 |
| visible | boolean | false | 可选,弹框的初始化弹出状态 |
| zIndex | number | -1 | 可选,z-index 值,用于手动控制层高 |
| fitContent | boolean | false | 是否自适应内容 |
| minWidth | number | -1 | 最小宽度 |
| class | string | -- | 可选,附加样式表 |
| reference | object | -- | 可选,参照元素 |
| keepWidthWithReference | boolean | false | 可选,气泡宽度与参照元素宽度保持一致 |
| arrowOffsetX | number | 0 | 可选,箭头偏移量 |
| customStyles | Record<string, any> | -- | 可选,自定义样式 |
| host | object | -- | 可选,指定要弹出的内容插入到哪个元素 |
| leftBoundary | object | -- | 可选,指定要弹出的内容左边界不能超过哪个元素 |
| rightBoundary | object | -- | 可选,指定要弹出的内容右边界不能超过哪个元素 |
| limitContentBySpace | boolean | false | 可选,是否根据空间大小重新调整,原下拉面板内容指定的高度 |
事件
| 事件名 | 类型 | 说明 |
|---|---|---|
| shown | EventEmitter<void> | 气泡显示事件 |
| hidden | EventEmitter<void> | 气泡隐藏事件 |
插槽
TIP
暂无内容

