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

当微信小程序配置中pages字段的第一个页面未在tabBar的list中定义时,底部tabBar将不会显示。解决办法是确保pages中的每个页面都在tabBar的list内,例如将搜索页面添加到list中,使配置文件正确反映页面和tabBar的关系。
摘要由CSDN通过智能技术生成

如这样的代码,是不会在底部显示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"

}

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值