温馨提示×

小程序如何改变顶部导航栏颜色

枫吟
1152
2021-03-23 18:10:49
栏目: 云计算
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

小程序改变顶部导航栏颜色的方法: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"

  },

效果图:

小程序如何改变顶部导航栏颜色

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读:Android怎么修改顶部栏颜色

0