鸿蒙Next如何实现一个透明页面？

分类：鸿蒙Next

bug反馈鸿蒙next

vue3，A页面打开B页面，B页面透明，可以直接看到A页面这种，有方案可以实现么？pages.json配置style/backgroundColor为transparent无效

2025-08-26 15:47 负责人:无分享

3 个回复

hws007 - 我就是我！

文档查下，用dialogPage，能满足你的要求

官方大佬呢。。

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题，如果艾特我没看到，请主动私信

这个使用场景是什么？目前是基于路由的，可以引用页面作为组件引入

月影银翔 (作者)

自定义的Dialog。若作为组件引入，需要在每个页面都导入，无法通过函数式调用。

2025-08-29 09:28
DCloud_UNI_OttoJi

回复月影银翔: 你可以注册为全局组件，通过 ref 来唤起，如果是鸿蒙上可以实现类似 uni.shotmodal 的封装，也可以使用 api 来唤起，使用 uts 插件来完成

2025-08-29 15:06
月影银翔 (作者)

回复 DCloud_UNI_OttoJi: 全局组件也需要在每个页面单据引用吧？

2025-08-29 15:18
月影银翔 (作者)

回复 DCloud_UNI_OttoJi: 鸿蒙端，能否使用uts打开一个dialog，然后在其内放一个透明的webview，然后再加载某个vue页面？uts中如何访问vue的路由地址？

2025-08-29 15:21
DCloud_UNI_OttoJi

回复月影银翔: 可以打开 dialog ，但不能再套 uni 的功能和你的业务逻辑，你可以考虑适合全局组件，你可以封装个你自己的 page 组件，插槽里放默认值

2025-08-29 16:30
月影银翔 (作者)

回复 DCloud_UNI_OttoJi: 你说的全局组件是啥，能详细说下么？

2025-08-29 16:31
DCloud_UNI_OttoJi

回复月影银翔: 是这个 https://uniapp.dcloud.net.cn/tutorial/vue3-components.html#%E5%85%A8%E5%B1%80%E6%B3%A8%E5%86%8C 减少了手动引入

2025-08-29 17:32
月影银翔 (作者)

回复 DCloud_UNI_OttoJi: 额。。这个啊。。那没什么作用，。。还是需要在每个页面的template中编写一次

2025-08-29 18:03

要回复问题请先登录或注册