官方文档:https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html
最重要的三个配置
- pages
- window
- tabbar
app.json
{
"pages": [ // 必填
"pages/home/home",
"pages/about/about",
"pages/category/category"
],
"window": { // 不是必填
"navigationBarBackgroundColor": "#FFD700", // 上边背景颜色
"navigationBarTextStyle": "black", // 上边的色调是黑色还是白色
"navigationBarTitleText": "旧书网", // 这里是针对所有的页面,都叫这个名字。还可以在每个页面中单独设置
"backgroundColor": "#ff0000", // ios中下拉的时候有个弹簧效果,漏到外边的颜色就是这个的background的样色
"backgroundTextStyle": "light", // 下拉刷新的样式,dark和light
"enablePullDownRefresh": false // 下拉刷新,一般不会在全局里配置,都是在页面里单独配置。
},
"tabBar": {
"selectedColor": "#FFD700",
"list": [ // 这里边最少写两个
{
"pagePath": "pages/home/home", // 页面路径
"text": "首页", // 叫啥名
"iconPath": "assets/tabbar/home.png", // 图标是啥
"selectedIconPath": "assets/tabbar/home-active.png" // 当这个tab被选中的时候,图标变成啥样
},
{
"pagePath": "pages/category/category",
"text": "分类",
"iconPath": "assets/tabbar/category.png",
"selectedIconPath": "assets/tabbar/category-active.png"
}
]
}
}
注意:json文件中不可以写注释,这里只是为了方便解释
用小程序写tab-bar很方便,直接app.json中配置即可。
tab-bar和导航也可以自定义,但是一般不推荐。
网友评论