更新记录
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 |
滑动到离底部多次距离关闭对话框 |
回调方法
插槽
名称 |
描述 |
default |
弹窗显示内容 |
title |
自定义标题区域内容 |
action |
自定义提交按钮内容 |