更新记录

1.0.1(2021-06-24) 下载此版本

修复微信小程序不显示问题

1.0.0(2021-05-12) 下载此版本

  1. 支持uni_modules

平台兼容性

Vue2 Vue3
×
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交流群 微信交流群
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页面有效

隐私、权限声明

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

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

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

许可协议

MIT协议

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