弹窗，上弹窗，下弹窗，中间弹窗
弹窗，上弹窗，下弹窗，中间弹窗
QQ交流群(607391225) |
微信交流群（加我好友备注"进群"） |
|---|---|
 |
 |
| QQ群号：607391225 | 微信号：zhou0612wei |
点击跳转-5年的web前端开源的uni-app快速开发模板-下载看文档
案例一
<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页面有效 |