更新记录

1.0.0(2025-08-21) 下载此版本

首次发布


平台兼容性

uni-app(4.07)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- - - - - - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
- - - - - - - - - - -

uni-app x(4.07)

Chrome Safari Android iOS 鸿蒙 微信小程序
- - - - - -

vi-popup

使用方式

<template>
  <view class="test">
    <vi-popup ref="ViPopup" title="抖音弹窗">
      <uni-list>
        <uni-list-item :title="item+''" v-for="item in 50" :key="item"></uni-list-item>
      </uni-list>
    </vi-popup>
  </view>
</template>

<script>
    export default {
        data() {
            return {

            }
        },
        methods: {
            open() {
                this.$refs.ViPopup.open()
            }
        }
    }
</script>

属性说明

名称 类型 默认值 描述
action Boolean false 开启提交按钮
actionBtnColor String '#55aaff' 提交按钮颜色
title [String, Number] '' 对话框标题
animationTime String '.2s' 全屏切换动画时长
canFullScrren Boolean true 是否显示全屏图标
moveCloseTime Number 150 滑动手势抬起关闭时间
bottomCloseValue Number 50 滑动到离底部多次距离关闭对话框

回调方法

名称 描述
@confirm 点击提交按钮回调

插槽

名称 描述
default 弹窗显示内容
title 自定义标题区域内容
action 自定义提交按钮内容

隐私、权限声明

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

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

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

许可协议

MIT协议

暂无用户评论。