小程序更换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" } }
上一篇:
uniapp开发微信小程序-2.页面制作
下一篇:
微信小程序 瀑布流上拉加载更多