Popup 弹出层

使用指南

import { Popup } from 'fs-ui'

export default {
  components: {
    Popup
  }
}

1
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

弹出位置

<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, 提示内容