更新记录
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 | 点击灰色区域触发的回调 |