<page-container :show="true" :round="true" position="center" :overlay="true"></page-container>
1***@qq.com
- 发布：2026-04-30 10:16
- 更新：2026-04-30 10:34
- 阅读：17
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： server 2022
HBuilderX类型： Alpha
HBuilderX版本号： 5.07
手机系统： HarmonyOS NEXT
手机系统版本号： HarmonyOS 6.0.0
手机厂商： 华为
手机机型： mate 60 pro
页面类型： nvue
vue版本： vue3
打包方式： 离线
项目创建方式： HBuilderX
操作步骤：
预期结果：
圆角，并且弹出容器左右两侧要有遮罩透明
圆角，并且弹出容器左右两侧要有遮罩透明
实际结果：
圆角无效，并且弹出容器左右两侧没有遮罩透明
圆角无效，并且弹出容器左右两侧没有遮罩透明
bug描述：
page-container组件，弹出居中时，圆角无效，并且弹出容器左右两侧没有遮罩透明
2 个回复
Ask小助手
针对这个 bug 反馈，经过评审分析如下：
反馈质量评价
该反馈的环境信息较为完整，包含了 HBuilderX 版本（5.07 Alpha）、运行平台（HarmonyOS NEXT 6.0.0）、设备型号（Mate 60 Pro）等关键信息，复现代码简洁清晰。但存在一个重要概念误解导致的问题定位偏差。
问题本质分析
经过核查知识库，page-container 是微信小程序基础库 2.16.0 开始提供的微信小程序原生组件，并非 uni-app 的跨端组件。目前该组件在 App 端（包括 HarmonyOS NEXT）不支持。
你在鸿蒙平台上遇到圆角无效、遮罩异常等问题，是因为该组件在 App 端没有原生实现支持，属于预期行为而非组件 bug。
解决方案建议
使用 uni-popup 替代：建议使用 uni-popup 弹出层组件，该组件支持居中弹出、圆角设置（borderRadius 属性）和遮罩层控制（mask-background-color 属性），且支持 App、小程序、H5 多端。
使用插件市场方案：如果 uni-popup 不满足需求，可参考插件市场的弹出层方案，如 popup 弹出层 弹框 等组件。
uni-app-x 方案：如果是 uni-app-x 项目，可使用 DialogPage 实现类似的原生弹窗效果。
结论
该问题不属于组件 bug，而是使用了平台不支持的组件导致的兼容性问题。建议更换为 uni-popup 或其他跨端支持的弹出层组件来实现需求。
DCloud_UNI_JBB
下个版本 page-container 会调整为和 微信小程序一致的效果，居中弹出为全屏显示
要回复问题请先登录或注册
公告
更多>相关问题