产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows10
HBuilderX类型： 正式
HBuilderX版本号： 3.3.13
手机系统： Android
手机系统版本号： Android 9.0
手机厂商： 小米
手机机型： MIX2
页面类型： nvue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
···
"globalStyle": {
// #ifdef MP-WEIXIN
"backgroundColor": "#F8F8F8",
// #endif
"navigationStyle": "default",
"navigationBarBackgroundColor": "#f7f7f7",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "EClockIn"
// "transparentTitle":"always",
// "navigationBarBackgroundColor": "#F0AD4E",
} ···
设置navigationBarTextStyle=black，重启应用后，状态栏的字颜色还是白色
设置navigationBarTextStyle=black，重启应用后，状态栏的字颜色应该是黑色
设置navigationBarTextStyle=black，重启应用后，状态栏的字颜色是白色
当vue版本选择为3时，安卓自定义基座下，状态栏标题颜色设置为black不起作用（苹果未测试），还是白色，vue2是正常的
DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位
京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001
3 个回复
最佳回复
DCloud_UNI_WZF
HBuilderX 3.6.10 已修复
DCloud_UNI_Anne
此问题已记录，后续优化，已加分，感谢您的反馈！
HNCS (作者)
onReady() {
// 在vue3编译时，设置navigationBarTextStyle为black不起作用，还是白色，vue2是正常的
// 因而采取以下API来设置
// #ifndef H5
uni.setNavigationBarColor({
frontColor: "#000000"
})
// #endif
}
HNCS (作者)
即算uni.setNavigationBarColor可以显示白色，但若背景或背景图片是较浅颜色时，会有重影，即文字上面是白色，下面是黑色
2022-03-24 13:37