微信小程序：修改顶部状态栏标题颜色背景色

摘要 更改顶部导航栏，通常是指更改顶部状态栏的标题内容、标题颜色以及背景颜色，如下图所示：

配置

更改顶部导航栏，要用到组件：“window”。
（1）如果小程序有多个页面，想把每个页面的顶部导航栏都设置为一样，则在app.json里面设置 “window” 里面的内容
（2）如果想要不同页面显示不同的顶部导航栏的效果，则需要在每个页面的.json文件里设置"window"

参数

组件：“window”下有多个参数，以下列出常用的几个参数，如需详细了解，可参考小程序开发指南之“window”

navigationBarBackgroundColor：定义导航栏的背景颜色，支持16进制颜色格式，如#10AF2F

navigationBarTitleText：设置导航栏的标题内容；

navigationBarTextStyle：设置导航栏标题文字颜色，只支持‘black’或‘light’；

代码

这里更改顶部导航栏的标题、标题颜色和背景颜色；这里在app.json里更改“window”的内容

  "window": {
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#10AF2F",
    "navigationBarTitleText": "随机转盘决定",
    "enablePullDownRefresh": false
  },

效果

结尾：样例小程序二维码，我自己做的一个免费好用的【随机选择决定转盘工具】小程序,欢迎扫码体验呦！

谢谢阅读!~~