2020年6月23日

微信tabBar定义不出现的解决方案(附代码)


为什么微信小程序添加了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"
}

本文由专业的WEB前端外包公司-切图网原创,转载请保留版权( WEB前端开发外包www.qietu.com切图网始于2007年,提供高品质的前端开发服务、前端外包、切图外包。欢迎来电咨询!热线:027-81777732、13343477732