Popover 组件使用教程
优质
小牛编辑
131浏览
2023-12-01
安装
import { Popover } from 'vux'
export default {
components: {
Popover
}
}// 在入口文件全局引入
import Vue from 'vue'
import { Popover } from 'vux'
Vue.component('popover', Popover)
属性
| 名字 | 类型 | 默认值 | 说明 | 版本要求 |
| content | string | 弹出窗口内容 | -- | |
| placement | string | 弹出窗口位置 | -- | |
| gutter | number | 5 | 箭头和触发元素之间的距离 | -- |
事件
| 名字 | 参数 | 说明 | 版本要求 |
| @on-show | -- | 弹窗显示时触发 | -- |
| @on-hide | -- | 弹窗隐藏时触发 | -- |
插槽
| 名字 | 说明 | 版本要求 |
| 默认插槽 | 触发元素 | -- |
| content | 弹窗内容 | -- |
样式变量
| 名字 | 默认值 | 说明 | 继承自变量 |
| @popover-bg-color | #35495e | -- | |
| @popover-font-color | #fff | -- | |
| @popover-border-radius | 3px | -- | |
| @popover-border-width | 5px | -- |