小程序如何改變頂部導(dǎo)航欄顏色

楓吟
1145
2021-03-23 18:10:49
欄目: 云計(jì)算

小程序改變頂部導(dǎo)航欄顏色的方法：1.創(chuàng)建微信小程序項(xiàng)目；2.utils下的app.json文件中修改全局樣式即可。

小程序如何改變頂部導(dǎo)航欄顏色

具體操作步驟如下：

1、首先在創(chuàng)建一個(gè)微信小程序項(xiàng)目。

小程序如何改變頂部導(dǎo)航欄顏色

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

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

效果圖：

小程序如何改變頂部導(dǎo)航欄顏色

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

效果圖：

小程序如何改變頂部導(dǎo)航欄顏色


0 踩