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

您所在的位置:网站首页 导航栏怎么变小 小程序更换navigationBarBackgroundColor导航栏背景色

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

2024-06-24 08:37| 来源: 网络整理| 查看: 265

阐述:

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


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3