微信小程序开发踩坑之tabbar
微信小程序开发踩坑之tabbar

微信小程序开发踩坑之tabbar

学习微信小程序中,遇到底部的TabBar不出现的问题。错误现象是,项目的app.json使用以下代码,却没有出现TabBar。 { "pages":[ "pages/clickDemo/clickDemo", "pages/logs/logs", "pages/index/index", "pages/mypage/mypage" ], "window": { "backgroundTextStyle": "dark ", "navigationBarBackgroundColor": "#ddd", "navigationBarTitleText": "Tabbar Demo", "navigationBarTextStyle": "black", "backgroundColor": "#ff0000" }, "tabBar": { "color": "#000000", "borderStyle": "#000", "selectedColor": "#9999FF", "list": [ { "pagePath": "pages/index/index", "text": "首页", "iconPath": "image/location_normal.png", "selectedIconPath": "image/location_selected.png" }, { "pagePath": "pages/logs/logs", "text": "设置", "iconPath": "image/setting_normal.png", "selectedIconPath": "image/setting_selecred.png" } ] } } 底部没有出现TabBar,为什么底部不出现TabBar?原因在于,app.json头部的pages数组的第一项"pages/clickDemo/clickDemo"没有成为tabBar的一员,也就是在tabBar的list数组内没有链接clickDemo页面的条目。解决方案:一,我们在list数组内加入链接clickDemo页面的条目。二,把pages数组的第一项设置为"pages/index/index",或者设置为"pages/logs/logs"。也就是说,pages数组的第一项必须是tabBar的list数组的一员。

https://blog.csdn.net/BenChiZhuBaDaoWang/article/details/82821331

发表回复

您的电子邮箱地址不会被公开。