更新记录

1.0.2(2021-01-27)

【修复】修复遮罩层在微信小程序端不显示的bug

1.0.1(2021-01-27)

【新增】点击灰色区域时的回调@hide

1.0.0(2021-01-27)

提交qianxiao-pop插件

查看更多

平台兼容性

一、使用说明

1.解压下载的压缩包,将组件放入项目的components目录下

2.引用组件

import myPopup from '@/components/qianxiao-pop/qianxiao-pop.vue'
export default {
    components:{
        myPopup
     },
    methods: {
        hide(){
            //this.$refs.pop.hide()//隐藏
            console.log(123)
        },
        show(){
            this.$refs.pop.show()//显示
        }   
    }
}
<myPopup ref="pop" @hide='hide'>
    <view>
        <text>内容</text>
    </view>
</myPopup>
属性名 类型 默认值 说明
width Number 500 宽度(默认为rpx)
height Number 300 高度(默认为rpx)
radius Number 30 角度(默认为rpx)
bgColor String #FFFFFF 背景色
left Number 125 左侧距离(默认为rpx)
top Number 300 顶部距离(默认为rpx)
@hide EventHandel 点击灰色区域触发的回调

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问