{
"path": "pages/me/set",
"style": {
"navigationBarBackgroundColor": "#1f1f20",
"navigationBarTextStyle": "white",
"navigationBarTitleText": "设置",
"app-plus": {
"background": "#1f1f20"
}
}
},
弈凌
- 发布：2023-03-18 20:12
- 更新：2023-03-20 11:13
- 阅读：488
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 13.2.1
HBuilderX类型： 正式
HBuilderX版本号： 3.7.3
手机系统： Android
手机系统版本号： Android 10
手机厂商： 小米
手机机型： 小米8
页面类型： vue
vue版本： vue3
打包方式： 离线
项目创建方式： HBuilderX
示例代码：
操作步骤：
在pages.json 中配置了 app-plus.background（窗体背景色）是无效，窗体背景任然是白色
在pages.json 中配置了 app-plus.background（窗体背景色）是无效，窗体背景任然是白色
预期结果：
配置的颜色，如：黑色
配置的颜色，如：黑色
实际结果：
白色
白色
bug描述：
在pages.json 中配置了 app-plus.background（窗体背景色）是无效，窗体背景任然是白色
问题已解决
nvue页面设置了后，在app里面运行可以直接看到效果
vue页面设置了后，需要再在页面中设置，如下示例：
<style>
body{
background-color: transparent;
}
</style>注：vue h5中背景色配置（遵循网页），需要自己在页面中弄
2 个回复
DCloud_Android_ST
建议提供完整HX项目Deme 并截图说明问题哪里被判定是未生效？
DCloud_UNI_WZF
设置是生效了的，只不过被页面 view 的背景色挡住了，设置
试下
弈凌 (作者)
感谢回复，我测试在.nvue页面下，使用backgroundColor可以生效，在.vue页面下，无论怎么设置都没任何效果，包括把页面设置为transparent，vue页面是不是需在h5中配置，但h5中没有配置背景色选项（尝试配置了也不生效）
2023-03-20 16:55
DCloud_UNI_WZF
回复 弈凌: nvue background 直接设置就会看到效果，vue页面需要添加上述代码，把当前页面的body设置为透明（默认为#fff)，才会显示出背景色
2023-03-20 17:11
弈凌 (作者)
回复 DCloud_UNI_WZF: 你好，已提供示例：https://gitee.com/yl-yue/uni-bug/tree/main/pages/uni-background-color
2023-03-20 18:37
DCloud_UNI_WZF
回复 弈凌: style 标签下写上 body{ background-color: transparent;}，这样说明白吗？
2023-03-20 18:44
弈凌 (作者)
回复 DCloud_UNI_WZF: 你好，示例已更新，这个我也试过的，是真的不生效，示例已更新，下载下来直接运行这个页面就能看到效果
2023-03-20 19:14
DCloud_UNI_WZF
nvue list 的问题其他同事会跟进，你看下我的提交 我就不 pr 了
2023-03-20 20:51
弈凌 (作者)
回复 DCloud_UNI_WZF: 你好，background-color已测试，确实未生效，我的HBuilderX 3.7.3 是不是我的版本有这个问题
2023-03-21 12:15
DCloud_UNI_WZF
回复 弈凌: 私信提供下远程方式
2023-03-21 12:20