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

收藏人数:
下载插件并导入HBuilderX
赞赏(0)
下载 4892
赞赏 0
下载 10795135
赞赏 1798
赞赏
京公网安备:11010802035340号