小程序改變頂部導航欄顏色的方法: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"
},
效果圖: