3.1 小程序的配置
⼀个⼩程序会包括最基本的两种配置⽂件。⼀种是全局的 app.json(控制整体) 和 ⻚⾯的page.json(控制单独页面的)
注意:在app.json与page.json里不可以写注释代码
全局配置 app.json
全局配置会涵盖页面路径,前端显示,网络超时,小程序的底部tabbar
{
"pages":[
"pages/index/index",
"pages/mine/index"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle":"black"
}
"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "image/home.png",
"selectedIconPath": "image/home-hl.png"
},
{
"pagePath": "pages/category/category",
"text": "分类",
"iconPath": "image/category.png",
"selectedIconPath": "image/category-hl.png"
},
{
"pagePath": "pages/shoppingcar/shoppingcar",
"text": "购物车",
"iconPath": "image/cart.png",
"selectedIconPath": "image/cart-hl.png"
},
{
"pagePath": "pages/mine/mine",
"text": "我的",
"iconPath": "image/me.png",
"selectedIconPath": "image/me-hl.png"
}
]
}
}
代码解释:
- pages:描述⼩程序所有⻚⾯路径。
- window: 定义⼩程序所有⻚⾯的顶部背景颜⾊,⽂字颜⾊定义等。
- tabbar: 底部导航栏。
- 完整的配置信息请参考微信小程序官方文档
页面配置 page.json
每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖 app.json 的 window 中相同的配置项。文件内容为一个 JSON 对象
配置示例
{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "微信接口功能演示",
"backgroundColor": "#eeeeee",
"backgroundTextStyle": "light"
}
更多配置项属性参考官方文档
其他sitemap
sitemap.json ⽂件⽤于配置⼩程序及其⻚⾯是否允许被微信索引。