微信小程序之(二)window

查看官方文档如下:

  

window

用于设置小程序的状态栏、导航条、标题、窗口背景色。

属性类型默认值描述
navigationBarBackgroundColor HexColor #000000 导航栏背景颜色,如"#000000"
navigationBarTextStyle String white 导航栏标题颜色,仅支持 black/white
navigationBarTitleText String   导航栏标题文字内容
backgroundColor HexColor #ffffff 窗口的背景色
backgroundTextStyle String dark 下拉背景字体、loading 图的样式,仅支持 dark/light
enablePullDownRefresh Boolean false 是否开启下拉刷新,详见页面相关事件处理函数

注:HexColor(十六进制颜色值),如"#ff00ff"

如 app.json :

{
  "window":{
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "微信接口功能演示",
    "backgroundColor": "#eeeeee",
    "backgroundTextStyle": "light"
  }
}

    然后又该到我们动手的时候了.我们接着上一篇的test做修改:

  1、修改导航栏背景颜色为粉红色,以及修改标题为”微信小程序“:

  修改app.json:

  

原文地址:https://www.cnblogs.com/lazzyk/p/6479089.html