# Popover 气泡提示
# 初始化
单独引入时:在入口js文件处引入
import { Popover } from '@xiaoe/sense'
import '@xiaoe/sense/static/index.css'
Vue.use(Popover)
1
2
3
2
3
# 效果
# 基础用法
<ss-popover
trigger="click"
title="标题"
content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。"
width="250"
placement="right">
<span slot="reference">click 激活</span>
</ss-popover>
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# 触发方式
# 弹出框方向
# 参数
参数 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
trigger | 触发方式 | String | click | click ,hover |
title | 标题 | String | — | — |
content | 显示的内容 | String | — | — |
width | 宽度 | String | — | — |
placement | 出现位置 | String | right | top ,right ,bottom ,left |