⼀个小程序应用程序会包括最基本的两种配置文件。⼀种是全局的 app.json和 页面自己的 page.json
注意:配置文件中不能出现注释
app.json是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。
普通快速启动项目里边的 app.json 配置:
{
"pages":[
"pages/index/index",
"pages/logs/logs"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle":"black"
}
}
字段的含义
- pages 字段 ⸺ ⽤于描述当前小程序所有页面路径,这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。
- window 字段 ⸺ 定义小程序所有页面的顶部背景颜色,文字颜色定义等。
- 完整的配置信息请参考 app.json配置
tabbar
控制底部页面切换
list最少两个元素
"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "icon/_home.png",
"selectedIconPath": "icon/home.png"
},
{
"pagePath": "pages/img/img",
"text": "图片",
"iconPath": "icon/_img.png",
"selectedIconPath": "icon/img.png"
},
{
"pagePath": "pages/mine/mine",
"text": "我的",
"iconPath": "icon/_my.png",
"selectedIconPath": "icon/my.png"
}
],
"color":"#0094ff",
"selectedColor":"#ff9400",
"backgroundColor":"#ff5533",
"position":"top" // 控制上下
页面配置 page.json
这里的 page.json 其实用来独立定义每个页面的⼀些属性,如顶部颜色、是否允许下拉刷新等等。且只能设置app.json中部分window配置项的内容(覆盖)
sitemap 配置-了解即可
小程序根目录下的 sitemap.json 文件用于配置小程序及其页面是否允许被微信索引