微信小程序底部与顶部背景颜色文字颜色修改

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": [] },