.jpg)
为什么微信小程序添加了tabbar,底部不出现TabBar?
原因在于
app.json头部的pages数组的第一项”pages/clickDemo/clickDemo”没有成为tabBar的一员,也就是在tabBar的list数组内没有链接clickDemo页面的条目。
解决方法
我们在list数组内加入链接clickDemo页面的条目,比如如下代码把pages数组的第一项设置为”pages/home/home”。也就是说,pages数组的第一项必须是tabBar的list数组的一员。
{
"pages": [
"pages/home/home",
"pages/index/index",
"pages/4/4",
"pages/1/1",
"pages/3/3",
"pages/2/2",
"pages/logs/logs"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "black"
},
"tabBar": {
"color": "#a9b7b7",
"selectedColor": "#f18100",
"borderStyle": "white",
"list": [
{
"selectedIconPath": "assets/imgs/footer_5.png",
"iconPath": "assets/imgs/footer_1.png",
"pagePath": "pages/home/home",
"text": "首页"
},
{
"selectedIconPath": "assets/imgs/footer_6.png",
"iconPath": "assets/imgs/footer_2.png",
"pagePath": "pages/index/index",
"text": "工作台"
},
{
"selectedIconPath": "assets/imgs/footer_7.png",
"iconPath": "assets/imgs/footer_3.png",
"pagePath": "pages/index/index",
"text": "消息"
},
{
"selectedIconPath": "assets/imgs/footer_8.png",
"iconPath": "assets/imgs/footer_4.png",
"pagePath": "pages/index/index",
"text": "我的"
}
]
},
"style": "v2",
"sitemapLocation": "sitemap.json"
}
关注“qietuwang”微信公众号,获取一手干货内容推送
本文由切图网原创,转载请保留版权:
微信扫一扫二维码访问