HBuilderX新建项目 -> 选择默认模板 -> 从插件市场安装 uni-popup 插件 -> 编写代码 -> 运行到iOS真机上。
点击页面中的按钮，打开弹窗，弹窗弹出后在屏幕中央短暂停留，然后偏移至屏幕左上角，只展示出部分弹窗内容。
1***@163.com
- 发布：2025-06-16 10:37
- 更新：2025-06-24 09:40
- 阅读：157
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10 专业版
HBuilderX类型： 正式
HBuilderX版本号： 4.57
手机系统： iOS
手机系统版本号： iOS 18
手机厂商： 苹果
手机机型： iPhone 13 Pro
页面类型： nvue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
nuve页面，uni-popup 弹窗在iOS上居中显示
nuve页面，uni-popup 弹窗在iOS上居中显示
实际结果：
uni-popup弹窗在iOS上偏移至屏幕左上角，只展示出部分内容。
uni-popup弹窗在iOS上偏移至屏幕左上角，只展示出部分内容。
1***@163.com (作者)
临时解决方案：
<uni-popup type="center">
<view class='wrapper'>
【这里放弹窗内容】
</view>
</uni-popup>.wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999999999;
justify-content: center;
align-items: center;
}
Lnews
楼主解决问题没有，是哪里的问题？
2025-06-21 16:41