1***@qq.com
1***@qq.com
  • 发布:2025-09-12 17:53
  • 更新:2025-09-12 18:00
  • 阅读:32

iOS pwa 状态栏字体颜色无法改变

分类:uni-app

设置了几个地方
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都是正常的

2025-09-12 17:53 负责人:无 分享
已邀请:
1***@qq.com

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)
}

要回复问题请先登录注册