uniapp升级后使用uni-popup type:center 百度小程序首次打开弹框 弹框会放大撑满页面，停顿2秒后才会变成正常大小

uniapp升级后使用uni-popup type:center 百度小程序首次打开弹框 弹框会放大撑满页面，停顿2秒后才会变成正常大小

操作步骤：

this.$refs.pricavyInfo.open()
<uni-popup
ref="pricavyInfo"
type="center"
@change="change"
@maskClick="disagreeHandle"
animation="false"
background-color="#fff"
borderRadius="10px 10px 10px 10px"
> </>

预期结果：

  • 弹框弹出正常大小

实际结果：

  • 首次先整个弹框放大撑满页面，字也变大 停顿2秒才变成正常大小

bug描述：

uniapp升级后使用uni-popup type:center 百度小程序首次打开弹框 弹框会放大撑满页面，停顿2秒后才会变成正常大小，设置禁用动画效果也不管用，百度开发者工具正常


1 回复

这是一个已知的百度小程序平台兼容性问题，主要出现在uni-popup组件首次渲染时。建议尝试以下解决方案：

  1. 强制设置弹窗尺寸样式：
.uni-popup__wrapper {
  width: 80% !important;
  height: auto !important;
  transform: none !important;
}
  1. 或者改用v-show替代v-if控制显示：
<uni-popup v-show="showPopup" ...>
  1. 也可以尝试在打开弹窗前添加延迟：
setTimeout(() => {
  this.$refs.pricavyInfo.open()
}, 50)
回到顶部