小程序更换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"
}
}
更多推荐
已为社区贡献4条内容
所有评论(0)