当前位置: 首页 > 文档资料 > VUX 中文文档 >

Popover 组件使用教程

优质
小牛编辑
132浏览
2023-12-01

安装

import { Popover } from 'vux'

export default {
  components: {
    Popover
  }
}
// 在入口文件全局引入

import Vue from 'vue'
import { Popover } from 'vux'

Vue.component('popover', Popover)

属性

名字类型默认值说明版本要求
contentstring弹出窗口内容--
placementstring弹出窗口位置--
gutternumber5箭头和触发元素之间的距离--

事件

名字参数说明版本要求
@on-show--弹窗显示时触发--
@on-hide--弹窗隐藏时触发--

插槽

名字说明版本要求
默认插槽触发元素--
content弹窗内容--

样式变量

名字默认值说明继承自变量
@popover-bg-color
#35495e
--
@popover-font-color
#fff
--
@popover-border-radius
3px
--
@popover-border-width
5px
--