溫馨提示×

小程序如何改變頂部導航欄顏色

楓吟
1175
2021-03-23 18:10:49
欄目: 云計算

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

  },

效果圖:

小程序如何改變頂部導航欄顏色


0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女