微信小程序的tabBar相对而言用的还是比较多的,但是用起来并没有难
1.开发文档
首先我们先来看一下微信给出的官方文档给出的具体参数
下图是对于TabBar整体属性的参数:
注意tab的列表最少要2个最多5个
下图是对于TabBar的每个item的属性的参数:
app.json的配置相对就简单了,注册界面后:
"tabBar": {
"list": [{
"pagePath": "pages/index/index",
"text": "text",
"iconPath": "../../pic/sr.jpg",
"selectedIconPath": "../../pic/sr.jpg"
},{
"pagePath": "pages/index2/index2",
"text": "text",
"iconPath": "../../pic/ssr.jpg",
"selectedIconPath": "../../pic/ssr.jpg"
}]
}