小程序模板网

Vincent:微信小程序实战教程《二》全局配置之app.json

当我们使用开发工具创建好我们的工程时候,给到我们的app.json文件并不是很完整,我们可以配置更多的参数,来让我们的小程序更加的强大包含所有配置项的app.json{ "pages": , "window": { "navigationBarBackgroundC ...

 
 
 

当我们使用开发工具创建好我们的工程时候,给到我们的app.json 文件并不是很完整,我们可以配置更多的参数,来让我们的小程序更加的强大

包含所有配置项的 app.json

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window": {
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "小程序app.json文件",
    "backgroundColor": "#eeeeee",
    "backgroundTextStyle": "light"
  },
  "tabBar": {
    "color": "#353535",
    "selectedColor": "#3cc51f",
    "borderStyle": "white",
    "backgroundColor": "#ffffff",
    "list": [{
      "pagePath": "pages/index/index",
      "iconPath": "images/icon_API.png",
      "selectedIconPath": "images/icon_API_HL.png",
      "text": "首页"
    }, {
      "pagePath": "pages/logs/logs",
      "iconPath": "images/icon_component.png",
      "selectedIconPath": "images/icon_component_HL.png",
      "text": "日志"
    }]
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true
}

配置项释义

  • pages

    必填配置,设置页面路径,数组类型

  • window

    可选配置,设置默认页面的窗口表现,对象类型

    • navigationBarBackgroundColor: 导航栏背景颜色,如”#000000”,十六进制颜色

    • navigationBarTextStyle:导航栏标题颜色,仅支持 black/white

    • navigationBarTitleText: 导航栏标题文字内容

    • backgroundColor:窗口的背景色,十六进制颜色

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

    • enablePullDownRefresh:是否开启下拉刷新,后面讲解

  • tabBar

    可选配置,如果我们的小程序是一个多 tab 应用(客户端窗口的底部有tab栏可以切换页面),那么我们可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。

    • color :tab 上的文字默认颜色,必填

    • selectedColor:tab 上的文字选中时的颜色,必填

    • backgroundColor:tab的背景色,必填,十六进制颜色

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

    • list:tab 的列表,最少2个、最多5个 tab,以下四个参数必填

      • pagePath : 页面路径,必须在 pages 中先定义

      • text: tab 上按钮文字

      • iconPath : 图片路径,icon 大小限制为40kb

      • selectedIconPath :选中时的图片路径,icon 大小限制为40kb

  • networkTimeout

    可选配置,可以设置各种网络请求的超时时间。

    • request: 发起https请求的超时时间,单位毫秒

    • connectSocket: 创建一个 WebSocket 连接的超时时间,单位毫秒

    • uploadFile: 将本地资源上传到开发者服务器的超时时间,单位毫秒

    • downloadFile: 下载文件资源到本地的超时时间,单位毫秒

  • debug

    可选配置

    可以在开发者工具中开启 debug 模式,在开发者工具的控制台面板,调试信息以 info 的形式给出,其信息有Page的注册,页面路由,数据更新,事件触发 。 可以帮助开发者快速定位一些常见的问题。

代码下载:WX1文件夹:wechatpra-master.zip


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/22860.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询