app.json配置(微信小程序)

{

  "pages": [

    "pages/index/index",

    "pages/logs/index"

  ],

  "window": {

“backgroundTextStyle”:”light”,

"navigationBarTitleText": "Demo",

“navigationBarBackgroundColor”:”black”,

“navigationBarTextStyle”:”white”

  },

  "tabBar": {

    "list": [{

      "pagePath": "pages/index/index",

      "text": "首页"

    }, {

      "pagePath": "pages/logs/logs",

      "text": "日志"

    }]

  },

  "networkTimeout": {

    "request": 10000,

    "downloadFile": 10000

  },

  "debug": true

}

 

1."pages":设置页面路径

pages:接受一个数组,每一项都是字符串,指定小程序的页面组成部分,每一项代表对应页面的信息【路径+文件名】。数组的第一个是小程序的初始页面。文件名无需写后缀,框架自动寻找路径.json,.js,.wxml,.wxss文件整合。

2."window":设置默认页面的窗口表现

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

属性:

navigationBarBackgroundColor:导航栏背景色颜色

navigationBarTextStyle:导航栏标题样式,仅支持black/white

navigationBarTitleText:导航栏标题文字内容

backgroundColor:窗口的背景色

backgroundTextStyle:下拉背景字体、loading图的样式、仅支持dark/light

enablePullDownRefresh:是否开启下拉刷新

3."tabBar":设置底部 tab 的表现

通过tabBar配置置顶tab栏的表现,以及tab切换时显示的对应页面

color:tab上的文字默认颜色

selectedColor:tab上的文字选中时的颜色

backgroundColor:tab的背景色

borderStyle:tabbar上边框的颜色,仅支持black/white

list:tab的列表

position:tabBar的位置,可选值:bottom,top

 

list接受一个数组,数组中的每一个项都是一个对象:

属性:

pagePath:页面路径

text:tab上按钮文字

iconPath:图片路径

selectedIconPath:选中的图片路径

4."networkTimeout":"设置网络超时时间"

设置各种网络请求的超时时间

request(页面请求):  wx.request的超时时间

connectSocket(链接数据): wx.connectSocket的超时时间

uploadFile(加载文件): wxuploadFile的超时时间

downloadFile(下载文件): wx.downloadFile的超时时间

5."debug":设置是否开启debug模式

开启debug模式,方便定位常见问题

 

每个小程序页面都可以使用.json文件来对本页面的窗口进行配置,页面的配置,只设置wndow配置项的内容,页面中的配置会覆盖app.json的widow中相同的配置项。

页面的.json只能设置 window 相关的配置项,以决定本页面的窗口表现,所以无需写 window 这个键

属性:

navigationBarBackgroundColor:导航栏背景颜色

navigationBarTextStyle:导航栏标题颜色

navigationBarTitleText:导航栏标题文字内容

backgroundColor:窗口的背景色

backgroundTextStyle:下拉背景字体、loading图的样式

enablePullDownRefresh:是否开启下拉刷新

disableScroll:设置为true,则页面整体不能上下滚动,只在page.json中有效

 

posted @ 2017-04-18 18:34  生如逆旅,一苇以航  阅读(2438)  评论(0编辑  收藏  举报