更新记录

1.0.0（2020-04-21） 下载此版本

• 支持上、下、左、右四个不同弹出方向

平台兼容性

LeePopup 弹出层

遮罩弹出层，支持从不同方向打开。

兼容情况

使用方式

在 script 中引用组件

import LeePopup from '@/components/lee-popup/lee-popup.vue'
export default {
    components: { LeePopup }
}

在 template 中使用组件

<button @click="open">打开弹窗</button>
<lee-popup ref="popup" type="bottom">底部弹出</lee-popup>

export default {
    methods: {
        open() {
            this.$refs.popup.open()
        }
    }
}

属性说明

方法说明

通过 ref 获取组件调用方法

事件说明

效果预览