<template>
<view class="content">
<button @click="open">显示弹窗</button>
<uni-popup ref="popup" type="center" border-radius="10px 10px 0 0">
<view style="background-color: #fff; width: 500rpx; height: 300rpx;">
底部弹出 Popup 自定义圆角
</view>
</uni-popup>
</view>
</template>
<script >
export default {
methods:{
open(){
// 通过组件定义的ref调用uni-popup方法 ,如果传入参数 ，type 属性将失效 ，仅支持 ['top','left','bottom','right','center']
this.$refs.popup.open()
}
}
}
</script>
f***@qq.com
- 发布：2024-11-03 22:47
- 更新：2024-11-03 22:47
- 阅读：48
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win11
HBuilderX类型： 正式
HBuilderX版本号： 4.29
浏览器平台： 手机系统浏览器
浏览器版本： 魅族自带浏览器
项目创建方式： HBuilderX
示例代码：
操作步骤：
使用示例代码，普通调用，无任何其他操作
使用示例代码，普通调用，无任何其他操作
预期结果：
正常显示和关闭，正常触发相关事件
正常显示和关闭，正常触发相关事件
实际结果：
不能正常显示和关闭，不能正常触发相关事件
不能正常显示和关闭，不能正常触发相关事件
bug描述：
手机：魅族21，其他魅族机型没有，无法测试
uni-popup组件在魅族自带浏览器中无法正常显示或关闭，尤其是二次显示，其他浏览器、其他品牌机型、微信内置浏览器等测试正常
扫码浏览官方演示页面中可正常显示关闭
但是使用开发工具创建官方演示项目，依然是存在问题，不知道什么原因
0 个回复