Popover 弹出框
弹出框组件用于在元素周围显示一些临时信息。当用户与触发元素交互时(点击或悬停),弹出框会在指定位置显示内容。
基础用法
最基础的弹出框用法。
触发方式
使用 trigger 插槽来定义触发元素,弹出框内容可以是任意自定义内容。
箭头和位置
使用 placement 属性来定义弹出框的位置,使用 arrow 属性来定义是否显示箭头。
动画时间
使用 duration 属性来定义弹出框的动画时间。
偏移
使用 offset 属性来定义弹出框的偏移量。
属性
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| trigger | 触发方式 | 'hover' | 'click' | 'focus' | 'click' |
| placement | 弹出位置 | 'top' | 'bottom' | 'left' | 'right' | 'bottom' |
| arrow | 是否显示箭头 | boolean | false |
| duration | 动画持续时间(ms) | number | 200 |
插槽
| 插槽名 | 说明 |
|---|---|
| trigger | 触发元素 |
| default | 弹出框内容 |
