小程序开发全局配合属性

柔情只为你懂 2023-07-13 04:29 125阅读 0赞

# 全局配置 #

小程序根目录下的 `app.json` 文件用来对微信小程序进行全局配置。文件内容为一个 JSON 对象，有以下属性：

## \# 配置项 ##

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>类型</th> 
   <th>必填</th> 
   <th>描述</th> 
   <th>最低版本</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><a rel="nofollow">pages</a></td> 
   <td>string[]</td> 
   <td>是</td> 
   <td>页面路径列表</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">window</a></td> 
   <td>Object</td> 
   <td>否</td> 
   <td>全局的默认窗口表现</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">tabBar</a></td> 
   <td>Object</td> 
   <td>否</td> 
   <td>底部 <code>tab</code> 栏的表现</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">networkTimeout</a></td> 
   <td>Object</td> 
   <td>否</td> 
   <td>网络超时时间</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">debug</a></td> 
   <td>boolean</td> 
   <td>否</td> 
   <td>是否开启 debug 模式，默认关闭</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">functionalPages</a></td> 
   <td>boolean</td> 
   <td>否</td> 
   <td>是否启用插件功能页，默认关闭</td> 
   <td><a rel="nofollow">2.1.0</a></td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">subpackages</a></td> 
   <td>Object[]</td> 
   <td>否</td> 
   <td>分包结构配置</td> 
   <td><a rel="nofollow">1.7.3</a></td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">workers</a></td> 
   <td>string</td> 
   <td>否</td> 
   <td><code>Worker</code> 代码放置的目录</td> 
   <td><a rel="nofollow">1.9.90</a></td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">requiredBackgroundModes</a></td> 
   <td>string[]</td> 
   <td>否</td> 
   <td>需要在后台使用的能力，如「音乐播放」</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">plugins</a></td> 
   <td>Object</td> 
   <td>否</td> 
   <td>使用到的插件</td> 
   <td><a rel="nofollow">1.9.6</a></td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">preloadRule</a></td> 
   <td>Object</td> 
   <td>否</td> 
   <td>分包预下载规则</td> 
   <td><a rel="nofollow">2.3.0</a></td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">resizable</a></td> 
   <td>boolean</td> 
   <td>否</td> 
   <td>iPad 小程序是否支持屏幕旋转，默认关闭</td> 
   <td><a rel="nofollow">2.3.0</a></td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">navigateToMiniProgramAppIdList</a></td> 
   <td>string[]</td> 
   <td>否</td> 
   <td>需要跳转的小程序列表，详见 <a rel="nofollow">wx.navigateToMiniProgram</a></td> 
   <td><a rel="nofollow">2.4.0</a></td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">usingComponents</a></td> 
   <td>Object</td> 
   <td>否</td> 
   <td>全局<a rel="nofollow">自定义组件</a>配置</td> 
   <td>开发者工具 1.02.1810190</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">permission</a></td> 
   <td>Object</td> 
   <td>否</td> 
   <td>小程序接口权限相关设置</td> 
   <td>微信客户端 7.0.0</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">sitemapLocation</a></td> 
   <td>string</td> 
   <td>是</td> 
   <td>指明 sitemap.json 的位置</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">style</a></td> 
   <td>string</td> 
   <td>否</td> 
   <td>指定使用升级后的weui样式</td> 
   <td><a rel="nofollow">2.8.0</a></td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">useExtendedLib</a></td> 
   <td>Object</td> 
   <td>否</td> 
   <td>指定需要引用的扩展库</td> 
   <td><a rel="nofollow">2.2.1</a></td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">entranceDeclare</a></td> 
   <td>Object</td> 
   <td>否</td> 
   <td>微信消息用小程序打开</td> 
   <td>微信客户端7.0.9</td> 
  </tr> 
 </tbody> 
</table>

### \# pages ###

用于指定小程序由哪些页面组成，每一项都对应一个页面的 路径（含文件名） 信息。文件名不需要写文件后缀，框架会自动去寻找对于位置的 `.json`, `.js`, `.wxml`, `.wxss` 四个文件进行处理。

**数组的第一项代表小程序的初始页面（首页）。小程序中新增/减少页面，都需要对 pages 数组进行修改。**

如开发目录为：

├── 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/index/index", "pages/logs/logs"]
    }

### \# window ###

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

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>类型</th> 
   <th>默认值</th> 
   <th>描述</th> 
   <th>最低版本</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>navigationBarBackgroundColor</td> 
   <td>HexColor</td> 
   <td>#000000</td> 
   <td>导航栏背景颜色，如 <code>#000000</code></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>navigationBarTextStyle</td> 
   <td>string</td> 
   <td>white</td> 
   <td>导航栏标题颜色，仅支持 <code>black</code> / <code>white</code></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>navigationBarTitleText</td> 
   <td>string</td> 
   <td>&nbsp;</td> 
   <td>导航栏标题文字内容</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>navigationStyle</td> 
   <td>string</td> 
   <td>default</td> 
   <td>导航栏样式，仅支持以下值：<br><code>default</code> 默认样式<br><code>custom</code> 自定义导航栏，只保留右上角胶囊按钮。参见注 2。</td> 
   <td>微信客户端 6.6.0</td> 
  </tr> 
  <tr> 
   <td>backgroundColor</td> 
   <td>HexColor</td> 
   <td>#ffffff</td> 
   <td>窗口的背景色</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>backgroundTextStyle</td> 
   <td>string</td> 
   <td>dark</td> 
   <td>下拉 loading 的样式，仅支持 <code>dark</code> / <code>light</code></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>backgroundColorTop</td> 
   <td>string</td> 
   <td>#ffffff</td> 
   <td>顶部窗口的背景色，仅 iOS 支持</td> 
   <td>微信客户端 6.5.16</td> 
  </tr> 
  <tr> 
   <td>backgroundColorBottom</td> 
   <td>string</td> 
   <td>#ffffff</td> 
   <td>底部窗口的背景色，仅 iOS 支持</td> 
   <td>微信客户端 6.5.16</td> 
  </tr> 
  <tr> 
   <td>enablePullDownRefresh</td> 
   <td>boolean</td> 
   <td>false</td> 
   <td>是否开启全局的下拉刷新。<br> 详见 <a rel="nofollow">Page.onPullDownRefresh</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>onReachBottomDistance</td> 
   <td>number</td> 
   <td>50</td> 
   <td>页面上拉触底事件触发时距页面底部距离，单位为 px。<br> 详见 <a rel="nofollow">Page.onReachBottom</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>pageOrientation</td> 
   <td>string</td> 
   <td>portrait</td> 
   <td>屏幕旋转设置，支持 <code>auto</code> / <code>portrait</code> / <code>landscape</code><br> 详见 <a rel="nofollow">响应显示区域变化</a></td> 
   <td><a rel="nofollow">2.4.0</a> (auto) / <a rel="nofollow">2.5.0</a> (landscape)</td> 
  </tr> 
 </tbody> 
</table>

*  注 1：HexColor（十六进制颜色值），如"\#ff00ff"
 *  注 2：关于`navigationStyle`
    
     *  客户端 7.0.0 以下版本，`navigationStyle` 只在 `app.json` 中生效。
     *  客户端 6.7.2 版本开始，`navigationStyle: custom` 对 web-view 组件无效
     *  开启 custom 后，低版本客户端需要做好兼容。开发者工具基础库版本切到 1.7.0（不代表最低版本，只供调试用）可方便切到旧视觉

如：

{
      "window": {
        "navigationBarBackgroundColor": "#ffffff",
        "navigationBarTextStyle": "black",
        "navigationBarTitleText": "微信接口功能演示",
        "backgroundColor": "#eeeeee",
        "backgroundTextStyle": "light"
      }
    }

![format_png][]

### \# tabBar ###

如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>类型</th> 
   <th>必填</th> 
   <th>默认值</th> 
   <th>描述</th> 
   <th>最低版本</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>color</td> 
   <td>HexColor</td> 
   <td>是</td> 
   <td>&nbsp;</td> 
   <td>tab 上的文字默认颜色，仅支持十六进制颜色</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>selectedColor</td> 
   <td>HexColor</td> 
   <td>是</td> 
   <td>&nbsp;</td> 
   <td>tab 上的文字选中时的颜色，仅支持十六进制颜色</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>backgroundColor</td> 
   <td>HexColor</td> 
   <td>是</td> 
   <td>&nbsp;</td> 
   <td>tab 的背景色，仅支持十六进制颜色</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>borderStyle</td> 
   <td>string</td> 
   <td>否</td> 
   <td>black</td> 
   <td>tabbar 上边框的颜色， 仅支持 <code>black</code> / <code>white</code></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>list</td> 
   <td>Array</td> 
   <td>是</td> 
   <td>&nbsp;</td> 
   <td>tab 的列表，详见 <code>list</code> 属性说明，最少 2 个、最多 5 个 tab</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>position</td> 
   <td>string</td> 
   <td>否</td> 
   <td>bottom</td> 
   <td>tabBar 的位置，仅支持 <code>bottom</code> / <code>top</code></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>custom</td> 
   <td>boolean</td> 
   <td>否</td> 
   <td>false</td> 
   <td>自定义 tabBar，见<a rel="nofollow">详情</a></td> 
   <td><a rel="nofollow">2.5.0</a></td> 
  </tr> 
 </tbody> 
</table>

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

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>类型</th> 
   <th>必填</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>pagePath</td> 
   <td>string</td> 
   <td>是</td> 
   <td>页面路径，必须在 pages 中先定义</td> 
  </tr> 
  <tr> 
   <td>text</td> 
   <td>string</td> 
   <td>是</td> 
   <td>tab 上按钮文字</td> 
  </tr> 
  <tr> 
   <td>iconPath</td> 
   <td>string</td> 
   <td>否</td> 
   <td>图片路径，icon 大小限制为 40kb，建议尺寸为 81px * 81px，不支持网络图片。<br><strong>当 <code>position</code> 为 <code>top</code> 时，不显示 icon。</strong></td> 
  </tr> 
  <tr> 
   <td>selectedIconPath</td> 
   <td>string</td> 
   <td>否</td> 
   <td>选中时的图片路径，icon 大小限制为 40kb，建议尺寸为 81px * 81px，不支持网络图片。<br><strong>当 <code>position</code> 为 <code>top</code> 时，不显示 icon。</strong></td> 
  </tr> 
 </tbody> 
</table>

![format_png 1][]

### \# networkTimeout ###

各类网络请求的超时时间，单位均为毫秒。

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>类型</th> 
   <th>必填</th> 
   <th>默认值</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>request</td> 
   <td>number</td> 
   <td>否</td> 
   <td>60000</td> 
   <td><a rel="nofollow">wx.request</a> 的超时时间，单位：毫秒。</td> 
  </tr> 
  <tr> 
   <td>connectSocket</td> 
   <td>number</td> 
   <td>否</td> 
   <td>60000</td> 
   <td><a rel="nofollow">wx.connectSocket</a> 的超时时间，单位：毫秒。</td> 
  </tr> 
  <tr> 
   <td>uploadFile</td> 
   <td>number</td> 
   <td>否</td> 
   <td>60000</td> 
   <td><a rel="nofollow">wx.uploadFile</a> 的超时时间，单位：毫秒。</td> 
  </tr> 
  <tr> 
   <td>downloadFile</td> 
   <td>number</td> 
   <td>否</td> 
   <td>60000</td> 
   <td><a rel="nofollow">wx.downloadFile</a> 的超时时间，单位：毫秒。</td> 
  </tr> 
 </tbody> 
</table>

### \# debug ###

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

### \# functionalPages ###

> 基础库 2.1.0 开始支持，低版本需做兼容处理。

插件所有者小程序需要设置这一项来启用插件功能页

###  ###

插件所有者小程序需要设置这一项来启用[插件功能页][Link 1]。

### subpackages ###

> 微信客户端 6.6.0 ，基础库 1.7.3 及以上版本支持

启用[分包加载][Link 2]时，声明项目分包结构。

> 写成 subPackages 也支持。

### [\#][Link 3] workers ###

> 基础库 1.9.90 开始支持，低版本需做[兼容处理][Link 4]。

使用 [Worker][] 处理多线程任务时，设置 `Worker` 代码放置的目录

### [\#][Link 5] requiredBackgroundModes ###

> 微信客户端 6.7.2 及以上版本支持

申明需要后台运行的能力，类型为数组。目前支持以下项目：

*  `audio`: 后台音乐播放
 *  `location`: 后台定位

如：

{
      "pages": ["pages/index/index"],
      "requiredBackgroundModes": ["audio", "location"]
    }

注：在此处申明了后台运行的接口，开发版和体验版上可以直接生效，正式版还需通过审核。

### [\#][Link 6] plugins ###

> 基础库 1.9.6 开始支持，低版本需做[兼容处理][Link 4]。

声明小程序需要使用的[插件][Link 7]。

### [\#][Link 8] preloadRule ###

> 基础库 2.3.0 开始支持，低版本需做[兼容处理][Link 4]。

声明[分包预下载][Link 9]的规则。

### [\#][Link 10] resizable ###

> 基础库 2.3.0 开始支持，低版本需做[兼容处理][Link 4]。

在 iPad 上运行的小程序可以设置支持[屏幕旋转][Link 11]。

### [\#][Link 12] navigateToMiniProgramAppIdList ###

> 基础库 2.4.0 开始支持，低版本需做[兼容处理][Link 4]。

当小程序需要使用 [wx.navigateToMiniProgram][] 接口跳转到其他小程序时，需要先在配置文件中声明需要跳转的小程序 appId 列表，最多允许填写 10 个。

### [\#][Link 13] usingComponents ###

> 开发者工具 1.02.1810190 及以上版本支持

在此处声明的自定义组件视为全局自定义组件，在小程序内的页面或自定义组件中可以直接使用而无需再声明。

### [\#][Link 14] permission ###

> 微信客户端 7.0.0 及以上版本支持

小程序[接口权限][Link 15]相关设置。字段类型为 `Object`，结构为：

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>类型</th> 
   <th>必填</th> 
   <th>默认值</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>scope.userLocation</td> 
   <td>PermissionObject</td> 
   <td>否</td> 
   <td>&nbsp;</td> 
   <td>位置相关权限声明</td> 
  </tr> 
 </tbody> 
</table>

**PermissionObject 结构**

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>类型</th> 
   <th>必填</th> 
   <th>默认值</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>desc</td> 
   <td>string</td> 
   <td>是</td> 
   <td>&nbsp;</td> 
   <td>小程序获取权限时展示的接口用途说明。最长 30 个字符</td> 
  </tr> 
 </tbody> 
</table>

如：

{
      "pages": ["pages/index/index"],
      "permission": {
        "scope.userLocation": {
          "desc": "你的位置信息将用于小程序位置接口的效果展示" // 高速公路行驶持续后台定位
        }
      }
    }

![format_png 2][]

### [\#][Link 16] sitemapLocation ###

指明 [sitemap.json][] 的位置；默认为 'sitemap.json' 即在 app.json 同级目录下名字的 `sitemap.json` 文件

## [\#][Link 17] 配置示例 ##

{
      "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,
      "navigateToMiniProgramAppIdList": ["wxe5f52902cf4de896"]
    }

### [\#][Link 18] style ###

> 基础库 2.8.0 开始支持，低版本需做[兼容处理][Link 4]。

微信客户端 7.0 开始，UI 界面进行了大改版。小程序也进行了基础组件的样式升级。app.json 中配置 `"style": "v2"`可表明启用新版的组件样式。

本次改动涉及的组件有 `button icon radio checkbox switch slider`。可前往小程序示例进行体验。

### [\#][Link 19] useExtendedLib ###

> 基础库 2.2.1 开始支持，低版本需做[兼容处理][Link 4]。

> 最新的 nightly 版开发者工具开始支持，同时基础库从支持 npm 的版本（2.2.1）起支持

指定需要引用的扩展库。目前支持以下项目：

*  `kbone`: [多端开发框架][Link 20]
 *  `weui`: [WeUI 组件库][WeUI]

指定后，相当于引入了对应扩展库相关的最新版本的 npm 包，同时也不占用小程序的包体积。目前暂不支持在分包中引用。用法如下：

{
      "useExtendedLib": {
        "kbone": true,
        "weui": true
      }
    }

### [\#][Link 21] entranceDeclare ###

> 微信客户端 7.0.9 及以上版本支持，iOS 暂不支持

聊天位置消息用打车类小程序打开，[详情参考][Link 22]。

"entranceDeclare": {
        "locationMessage": {
            "path": "pages/index/index",
            "query": "foo=bar"
        }
    }

[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9yZXMud3gucXEuY29tL3d4ZG9jL2Rpc3QvYXNzZXRzL2ltZy9jb25maWcuMzQ0MzU4YjEuanBn?x-oss-process=image/format,png
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9yZXMud3gucXEuY29tL3d4ZG9jL2Rpc3QvYXNzZXRzL2ltZy90YWJiYXIuY2UxYjNjNWIucG5n?x-oss-process=image/format,png
[Link 1]: https://developers.weixin.qq.com/miniprogram/dev/framework/plugin/functional-pages.html
[Link 2]: https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html
[Link 3]: https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#workers
[Link 4]: https://developers.weixin.qq.com/miniprogram/dev/framework/compatibility.html
[Worker]: https://developers.weixin.qq.com/miniprogram/dev/framework/workers.html
[Link 5]: https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#requiredBackgroundModes
[Link 6]: https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#plugins
[Link 7]: https://developers.weixin.qq.com/miniprogram/dev/framework/plugin/using.html
[Link 8]: https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#preloadRule
[Link 9]: https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/preload.html
[Link 10]: https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#resizable
[Link 11]: https://developers.weixin.qq.com/miniprogram/dev/framework/view/resizable.html
[Link 12]: https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#navigateToMiniProgramAppIdList
[wx.navigateToMiniProgram]: https://developers.weixin.qq.com/miniprogram/dev/api/open-api/miniprogram-navigate/wx.navigateToMiniProgram.html
[Link 13]: https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#usingComponents
[Link 14]: https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#permission
[Link 15]: https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/authorize.html
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9yZXMud3gucXEuY29tL3d4ZG9jL2Rpc3QvYXNzZXRzL2ltZy9wZXJtaXNzaW9uLWRlc2MuNDk2Yjc3NWQuanBlZw?x-oss-process=image/format,png
[Link 16]: https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#sitemapLocation
[sitemap.json]: https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/sitemap.html
[Link 17]: https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#%E9%85%8D%E7%BD%AE%E7%A4%BA%E4%BE%8B
[Link 18]: https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#style
[Link 19]: https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#useExtendedLib
[Link 20]: https://developers.weixin.qq.com/miniprogram/dev/extended/kbone/
[WeUI]: https://developers.weixin.qq.com/miniprogram/dev/extended/weui/
[Link 21]: https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#entranceDeclare
[Link 22]: https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/location-message.html