微信小程序入门笔记5（page.json）

Posted 2021-08-21 晨沉宸辰

page.json

• 一、全局配置
• • 1、pages 页面路径
  • 2. Windows配置
  • 3、tabBar 底部导航
  • • （1）list
    • （2）networkTimeout 各类网络请求的超时时间
• 二、页面配置

一、全局配置

1、pages 页面路径

2. Windows配置

3、tabBar 底部导航

（1）list

其中 list 接受一个数组，只能配置最少 2 个、最多 5 个 tab。tab 按数组的顺序排序，每个项都是一个对象，其属性值如下:

（2）networkTimeout 各类网络请求的超时时间

"networkTimeout" : {
     "request" :6000,
     "connectSocket" :5000,
     "uploadFile" : 5000,
      "downloadFile" : 5000
  },

二、页面配置

每一个小程序页面也可以使用 json 文件来对本页面的窗口表现进行配置 , 页面中配置项在当前页面会覆盖 app.json 的 window 中相同的配置项。文件内容为一个 json对象，有以下属性

{
  "navigationBarBackgroundColor": "#ff4001", //导航栏背景颜色
  "navigationBarTextStyle": "white", //导航栏标题颜色，仅支持 black / white
  "navigationBarTitleText": "嗨购-首页", //导航栏标题文字内容
  "backgroundColorTop": "#efefef", //窗口的背景色
  "backgroundTextStyle": "light", //下拉 loading 的样式，仅支持 dark / light
  "enablePullDownRefresh": true,//是否开启当前页面下拉刷新。
  "onReachBottomDistance": 50, //页面上拉触底事件触发时距页面底部距离，单位为px。
  "disableScroll": false, //设置为 true 则页面整体不能上下滚动。只在页面配置中有效，无法在 app.json 中设置
  "usingComponents": { //页面自定义组件配置
    "prolist": "/components/prolist/prolist" //组件路径
  }
}