您的位置：首页 > 移动开发 > 微信开发

微信小程序tabBar 不显示底部菜单的原因和解决方法

2017-05-25 22:53 1016 查看
如这样的代码，是不会在底部显示tabBar的。

{
"pages": [
"pages/search/search",
"pages/detail/detail",
"pages/my/my"

],
"tabBar": {
"list": [
{
"iconPath": "assets/img/search-1.png",
"selectedIconPath": "assets/img/search.png",
"pagePath": "pages/nearby/nearby",
"text": "搜索"
},
{
"iconPath": "assets/img/icon_normal.png",
"selectedIconPath": "assets/img/icon_pressed.png",
"pagePath": "pages/my/my",
"text": "我的"
}
]
},

"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#42BD56",
"navigationBarTitleText": "iReading",
"navigationBarTextStyle": "white"
}
}


理由是:
pages中的第一个页面，没有出现在tabBar配置项中。
所以至少需要在tabBar中。
那么改成如下的代码即可。

{
"pages": [
"pages/search/search",
"pages/detail/detail",
"pages/my/my"

],
"tabBar": {
"list": [
{
"iconPath": "assets/img/search-1.png",
"selectedIconPath": "assets/img/search.png",
"pagePath": "pages/nearby/nearby",
"text": "搜索"
},
{
"iconPath": "assets/img/search-1.png",
"selectedIconPath": "assets/img/search.png",
"pagePath": "pages/search/search",
"text": "搜索"
},
{
"iconPath": "assets/img/icon_normal.png",
"selectedIconPath": "assets/img/icon_pressed.png",
"pagePath": "pages/my/my",
"text": "我的"
}
]
},

"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#42BD56",
"navigationBarTitleText": "iReading",
"navigationBarTextStyle": "white"
}
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  微信 小程序 tabBar
相关文章推荐
新的分享
章节导航