小程序怎么改变顶部导航栏颜色

小程序怎样改变顶部导航栏色彩

小程序改变顶部导航栏色彩的方法：1.创建微信小程序项目；2.utils下的app.json文件中修改全局样式便可。

具体操作步骤以下：

1、首先在创建一个微信小程序项目。

2、在utils下的app.json文件中找到“window”变量，修改它的“navigationBarBackgroundColor”属性值便可。

//修改前的样式
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor":"#fff",
"navigationBarTitleText":"Weixin",
"navigationBarTextStyle":"black"
},

效果图：

//修改后的样式
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor":"#4A97D9",
"navigationBarTitleText":"Weixin",
"navigationBarTextStyle":"black"
},

效果图：

本文来源：https://www.yuntue.com/post/70408.html | 云服务器网，转载请注明出处！