美文网首页
02 小程序开发app.json

02 小程序开发app.json

作者: 吃紫薯的water | 来源:发表于2018-03-01 20:02 被阅读0次

首先展示app.json完整配置文件示例

{
  "pages": [
    "pages/index/index",
    "pages/logs/index"
  ],
  "window": {
    "navigationBarTitleText": "Demo"
  },
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页"
    }, {
      "pagePath": "pages/logs/logs",
      "text": "日志"
    }]
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true
}

app.json的配置项如下表所示

属性 类型 必填 描述
pages String Array 设置页面路径
window Object 设置默认页面的窗口表现
tabBar Object 设置底部 tab 的表现
networkTimeout Object 设置网络超时时间
debug Boolean 设置是否开启 debug 模式

page

page接受一个数组,每项都是一个字符串,代表小程序由哪些页面组成。

  • 数组第一项代表小程序的初始页面
  • 小程序页面增减需要对pages进行修改

window

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

tabBar

如果小程序是一个多tab应用,可以通过tabBar指定tab栏的表现,以及tab切换时显示的对应页面
类似于微信最下方的选项条

  • position为top时,不显示icon
  • tabBar中list是一个数组,只能配置最少2个最多5个tab

networkTimeout

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

debug

开启debug模式可以在开发者工具的控制面板中,调试信息已info形式给出

page.json

页面配置只能设置window相关选项,页面的window会覆盖app.json的相同选项

相关文章

  • 02 小程序开发app.json

    首先展示app.json完整配置文件示例 app.json的配置项如下表所示 page page接受一个数组,每项...

  • JS原生面试题篇

    1:小程序与普通网页开发的区别? 小程序开发的主要语音是JS。app.json的全局小程序配置,包括了小程序的所有...

  • 小程序 便查手册

    小程序巧应用,微信小程序开发实战 配置 app.json pages -> 所有的页面 window -> 窗口的...

  • 小程序基础

    配置 小程序配置 app.json 小程序开发者工具的配置 project.config.json 页面配置 pa...

  • 微信小程序.json配置

    1、小程序配置app.json:app.json详细文档 app.json文件用来对微信小程序进行全局配置,决定页...

  • 初识小程序-基础语法

    小程序 基本知识 项目文件 JSON 配置 小程序配置 app.json app.json 是对当前小程序的全局配...

  • 开发微信小程序分页功能的坑

    微信小程序开发分页的坑 微信小程序开发中list列表经常要进行分页处理,踩坑在所难免。 app.json wxml...

  • 微信小程序初相识

    ##1、小程序配置 app.json *app.json 是对当前小程序的全局配置,包括了小程序的所有页面路径、界...

  • 小程序中JSON文件中全局和子页面的字段window配置

    相信有过实际小程序开发的人,都不陌生主程序app.json和子页面的XX.json文件中window字段的配置。 ...

  • 学习小程序零到一经验分享2

    app.json是什么? app.json 是对当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超...

网友评论

      本文标题:02 小程序开发app.json

      本文链接:https://www.haomeiwen.com/subject/dlynxftx.html