设置了几个地方
html 的 header 添加了
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- 设置主题颜色 -->
<meta name="theme-color" content="#F7F8FA">
<!-- 针对 Safari (iOS) 的额外设置 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
然后 pages.json 中
"globalStyle": {
"dynamicRpx": true,
"navigationBarBackgroundColor": "#000000",
"navigationBarTitleText": "Centrdx",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false,
"pullToRefresh": {
"className": "uni-pull-to-refresh"
}
},
页面设置为
{
"path": "pages/my/exchange-coupon",
"style": {
"navigationStyle": "custom",
"navigationBarBackgroundColor": "#white",
"navigationBarTextStyle": "black"
}
}
自定义的导航栏颜色为,白色背景,黑色文本
目前情况是 pwa Safari桌面全屏快捷程序 状态栏的文字颜色是 白色,因为页面是白色的,导致看不清楚,请问如何才可以设置为 黑色,请问各位大佬们有没有什么特殊的配置或者处理
注:app中 安卓,ios都是正常的
1 个回复
1***@qq.com (作者)
关于 html 中
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
content=“black” content=“default” 都试过,文字无法变黑
也试过这个方法,也无法变黑
mounted() {
setTimeout(()=>{
uni.setNavigationBarColor({
frontColor: "#000000"
})
},2000)
}