阐述:

有些项目并不想让小程序的导航的颜色是纯色的,想要更换颜色。那么就用到的“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"
  }
}
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐