更新记录
1.0.1(2021-06-24)
下载此版本
修复微信小程序不显示问题
1.0.0(2021-05-12)
下载此版本
- 支持uni_modules
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.0.7 app-vue app-nvue |
× |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
弹窗,上弹窗,下弹窗,中间弹窗
弹窗,上弹窗,下弹窗,中间弹窗
QQ交流群(607391225) |
微信交流群(加我好友备注"进群") |
|
|
QQ群号:607391225 |
微信号:zhou0612wei |
案例一
<z-popup v-model="true" @change="onChange">
<view class="popup_title">
<text @click="popupShow = false">取消</text>
<view>弹窗标题</view>
<text @click="popupShow = false">确定</text>
</view>
<view class="popup_content">
弹窗内容
</view>
</z-popup>
// js
methods: {
onChange(e){
if(e){
uni.showToast({
title:"打开了弹窗",
icon:"none"
});
}else {
uni.showToast({
title:"关闭了弹窗",
icon:"none"
});
}
}
},
属性
名称 |
类型 |
默认值 |
描述 |
value |
Boolean |
false |
控制弹窗是否打开 |
hideOnBlur |
Boolean |
true |
点击遮罩层关闭弹窗 |
scroll |
Boolean |
true |
禁止页面滚动(H5生效) |
type |
String |
bottom |
弹窗方位bottom 靠下, center 居中, top 靠上 |
offset |
Number |
0 |
type=bottom和type=top的时候设置这个数据弹窗会朝相反的方向偏移 |
zIndex |
Number |
500 |
设置弹窗的层级, 普通vue页面有效 |