微信小程序------全局配置设置

1、常用配置

项目跟目录下app.json就是应用级配置文件

属性	说明
pages	页面路径列表
window	全局默认窗口表现
tabBar	底部tab栏的实现
networkTimeout	网络超时时间
debug	是否开启调试模式。默认为false
requiredBackgroundModes	需要在后台使用的能力，如音乐播放
plugins	使用到的插件

2、pages配置

　　用来存储和新建页面，首先展示的是第一个设置的页面内容

  "pages": [
    "pages/index/index",
    "pages/picture/picture",
    "pages/video/video",
    "pages/map/map",
    "pages/guest/guest"
  ],

3、window

　　用于设置全局配置

  "window": {
    "backgroundTextStyle":"light",   //设置下拉刷新时的loading样式
    "navigationBarBackgroundColor": "#ff4c91",  //设置导航栏背景色
    "navigationBarTextStyle": "white",   //设置导航栏的标题颜色
    "enablePullDownRefresh": false,     //全局开启下拉刷新
    "navigationStyle": "custom"   //custom自定义样式只保留右上角胶囊按钮，默认为default 
  },

4、tabBar

　　用于配置页面底部的标签栏

属性	说明
color	未选择时，底部导航文字的颜色
selectedColor	选择时，底部导航文字的颜色
borderStyle	底部导航边框的颜色(如果没有写入样式会出现浅灰色线条)
backgroundColor	底部导航背景色
list	导航配置数组

 

　　 list是一个数组，数组的每一个元素是一个标签按钮对象，通过该对象的属性可以配置标签栏中每个标签按钮

属性	说明
pagePath	页面访问地址
iconPath	未选择时，图片路径
selectedIconPath	选中时，图片路径
text	导航图标下方文字

案例

  "tabBar": {
    "color": "#ccc",
    "selectedColor": "#ff4c91",
    "borderStyle":"white",
    "backgroundColor": "#ffffff",
    "list": [
      {
        "pagePath": "pages/index/index",
        "iconPath": "/pages/images/invite.png",
        "selectedIconPath": "/pages/images/invite.png",
        "text": "邀请函"
      },
      {
        "pagePath": "pages/picture/picture",
        "iconPath": "/pages/images/marry.png",
        "selectedIconPath": "/pages/images/marry.png",
        "text": "照片"
      },
      {
        "pagePath": "pages/video/video",
        "iconPath": "/pages/images/video.png",
        "selectedIconPath": "/pages/images/video.png",
        "text": "美好时光"
      },
      {
        "pagePath": "pages/map/map",
        "iconPath": "/pages/images/map.png",
        "selectedIconPath": "/pages/images/map.png",
        "text": "婚礼地点"
      },
      {
        "pagePath": "pages/guest/guest",
        "iconPath": "/pages/images/guest.png",
        "selectedIconPath": "/pages/images/guest.png",
        "text": "宾客信息"
      }
    ]
  },

5、requireBackgroundModes

  "requireBackgroundModes": [
　　　　　　　　　　　　　　　　　　　　"audio"   //音乐
　　　　　　　　　　　　　　　　　　],