更新记录

1.0.0（2025-11-13） 下载此版本

• 自定义popup组件

平台兼容性

uni-app(4.0)

zv-popup

自定义popup弹窗组件

示例

    <view class="" @click="show=true">居中弹窗</view>
    <zv-popup v-model:show="show" type="center" radius="30rpx" @close="close()">
        <view class="">居中弹窗</view>
    </zv-popup>

    <view class="btn" @click="show2=true">左侧弹窗</view>
    <zv-popup v-model:show="show2" type="left" radius="0 30rpx 30rpx 0">
        <view class="">左侧弹窗</view>
    </zv-popup>

    <view class="btn" @click="$refs.popup.open()">ref操作弹窗</view>
    <zv-popup ref="popup" type="bottom">
        <view class="">底部弹窗</view>
    </zv-popup>

    show: { type: Boolean, default: false },            // 弹窗显示/隐藏
    type: { type: String, default: 'center' },          // 弹窗方向 支持center left right top bottom 默认center
    bgColor: { type: String, default: '#fff' },         // 弹窗背景色 默认#fff
    showMask: { type: Boolean, default: true },         // 弹窗遮罩层显示/隐藏
    isMask: { type: Boolean, default: true },           // 是否允许遮罩层点击关闭
    radius: { type: String, default: '0 0 0 0' },       // 圆角
    zIndex: { type: [Number,String], default: '1000' }, // 层级
    timing: { type: Number, default: 0 },               // 定时 单位毫秒 为0时不生效

如果需要进行确认取消等操作,建议使用 自定义modal