1、单个页面修改顶部背景颜色与文字颜色
{ "usingComponents": {}, "navigationBarBackgroundColor": "#17abe3",//背景颜色 "navigationBarTextStyle": "white"//文字颜色,只能为black 或者 white。 }
文字颜色,只能为black 或者 white,不然会出现报错情况:
2、全局修改顶部背景颜色与文字颜色
在app.json文件中找到window
"window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#ccc",//修改顶部背景颜色 "navigationBarTitleText": "你的小程序名称", "navigationBarTextStyle":"black"//修改顶部文字颜色 },
3、全局修改底部tabBar文字颜色与背景颜色
在app.json文件中找到tabBar
"tabBar": { "color": "#dbdbdb",//选中前文字颜色 "selectedColor": "#1296db",//选中的文字颜色 "borderStyle": "black",//边框颜色 "backgroundColor": "#FFFFFF",//背景颜色 "list": [] },