<template>
<view>
<button @click="open">打开弹窗</button>
<uni-popup ref="popup" type="bottom" border-radius="10px 10px 0 0">底部弹出 Popup 自定义圆角</uni-popup>
</view>
</template>
<script>
export default {
methods:{
open(){
// 通过组件定义的ref调用uni-popup方法 ,如果传入参数 ，type 属性将失效 ，仅支持 ['top','left','bottom','right','center']
this.$refs.popup.open('top')
}
}
}
</script>
1***@qq.com
- 发布：2024-09-29 10:56
- 更新：2024-09-29 10:56
- 阅读：44
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.8.4
浏览器平台： Safari
浏览器版本： ios12.5.7
项目创建方式： HBuilderX
示例代码：
操作步骤：
在页面中使用uni-popup组件，编译或者打包为H5页面，在ios12的手机的safari或者微信内置浏览器打开
在页面中使用uni-popup组件，编译或者打包为H5页面，在ios12的手机的safari或者微信内置浏览器打开
预期结果：
弹窗能正常打开
弹窗能正常打开
实际结果：
在ios12的手机的safari或者微信内置浏览器中，弹窗不能正常打开，在ios13以上手机可以打开
在ios12的手机的safari或者微信内置浏览器中，弹窗不能正常打开，在ios13以上手机可以打开
bug描述：
uni-popup组件打包成H5页面在ios13以下的系统打不开弹窗
0 个回复