小程序更换navigationBarBackgroundColor导航栏背景色

阐述：

有些项目并不想让小程序的导航的颜色是纯色的，想要更换颜色。那么就用到的“navigationBarBackgroundColor”这个参数，具体看下以下设置方法

设置导航栏颜色

有时候我们在单页面设置的“navigationBarBackgroundColor”不好用， 那么就要检查以下app.json下面有没有设置过，如果有删除，则在单页面下面的json文件中重新定义即可。

全局设置

app.json配置文件，在跟目录下

"window": {
        "backgroundTextStyle": "light",
        "navigationBarBackgroundColor": "#2CC2C3",
        "navigationBarTextStyle": "white"
    },

单页面设置

在每个pages下面都会有个json配置文件

代码如下

• 注意：备注不能写在json中，复制的时候删除备注

{
    "navigationBarTitleText": "门店收益",//设置导航标题
    "navigationBarBackgroundColor": "#ffffff",//设置导航背景色
    "navigationBarTextStyle": "black",//设置导航文字颜色
    "usingComponents": {//引用外部组件
  	 	"i-card": "../../dist/card/index"
  }
}