微信小程序开端（一），app.json全局配置

最新推荐文章于 2022-06-12 10:35:24 发布

瞄大大

最新推荐文章于 2022-06-12 10:35:24 发布

阅读量322

点赞数

分类专栏：微信小程序文章标签：小程序

本文链接：https://blog.csdn.net/and_caicai/article/details/106021277

版权

微信小程序专栏收录该内容

2 篇文章 0 订阅

订阅专栏

微信小程序开发目录：

├── app.js
├── app.json
├── app.wxss
├── pages
│   │── index
│   │   ├── index.wxml
│   │   ├── index.js
│   │   ├── index.json
│   │   └── index.wxss
│   └── logs
│       ├── logs.wxml
│       └── logs.js
└── utils

一.小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。

{
  "pages": [             //小程序中新增/减少页面，都需要对 pages 数组进行修改。
    "pages/index/index",
    "pages/logs/index"   //在此添加page,项目会直接创建空page包括（.js;.json;.wxml;.wxss等文件
  ],
  "window": {           //用于设置小程序的状态栏、导航条、标题、窗口背景色。
   "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",  //只有white 和black
  "navigationBarTitleText": "微信小程序演示",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"
  },
  "tabBar": { //页面底部或顶部 tab
     "position":"bottom",
     "backgroundColor":"#da0011",
     "selectedColor":"black",
      "borderStyle":"black",
     "list": [
        {                    //其中 list 接受一个数组，只能配置最少 2 个、最多 5 个 tab
          "pagePath": "pages/index/index",  //页面路径，必须在 pages 中先定义
          "text": "首页"
        },
       {
           "pagePath": "pages/index/index", 
          "text": "我的"
        }, 
        {
          "pagePath": "pages/logs/index",
          "text": "日志"
        }
    ]
  },
   "requiredBackgroundModes": ["audio", "location"], //需要后台运行 目前支持 音乐和定位
    "permission": {             //定位获取权限 提示
        "scope.userLocation": {
          "desc": "你的位置信息将用于小程序位置接口的效果展示" //小程序获取权限时展示的接口用途说明
        }
      },
  "networkTimeout": {  //超时设置
    "request": 10000,       //wx.request 的超时时间，单位：毫秒。
    "downloadFile": 10000
  },
  "debug": true,
  "navigateToMiniProgramAppIdList": [   //每个小程序可跳转的其他小程序数量限制为不超过 10 个
    "wxe5f52902cf4de896",
    "wxe5f52902cf4de896"          //跳转的 appId 必须在配置列表中
  ]
}