Popup 弹出层
使用指南
import { Popup } from 'fs-ui'
export default {
components: {
Popup
}
}
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
代码演示
基础用法
<fs-popup v-model="show">hello popup</fs-popup>
1
export default {
data () {
return {
show: false
}
}
}
1
2
3
4
5
6
7
2
3
4
5
6
7
弹出位置
<fs-popup v-model="show" position="bottom">hello popup</fs-popup>
1
属性
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
v-model | 当前组件是否显示 | Boolean | false |
overlay | 是否显示遮罩层 | String | true |
position | 位置,可选值为 top right bottom left | String | - |
transition | 动画名称 | String | - |
close-on-click-overlay | 点击遮罩层是后关闭 | Boolean | true |
插槽
插槽名 | 说明 |
---|---|
默认插槽 | 默认slot, 提示内容 |