关于微信小程序的tabbar

Posted 程序员大亨

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于微信小程序的tabbar相关的知识,希望对你有一定的参考价值。

1.确认你的 app.json下的"pages"对象中 第一个page是你的 tabbar中list集合的第一个page

如:

"pages":[
"pages/shouye/shouye",
"pages/mainpage/mainpage",

"pages/fund/fund",
"pages/zichan/zichan",
"pages/mine/mine"
],

=======================================

"list": [{
"pagePath": "pages/shouye/shouye",
"text": "首页",
"iconPath": "pages/image/home_off.png",
"selectedIconPath": "pages/image/home_on.png"
},...]

2.确认你的tabbar设置了这几个不可以少的属性

"pagePath": "pages/shouye/shouye",
"text": "首页",
"iconPath": "pages/image/home_off.png",
"selectedIconPath": "pages/image/home_on.png"

(我这里image建在pages文件夹下面,路径可能和你们不一样 ps:路径必须要对)

3.确认你的list集合长度不小于2且不大于5 (官方要求的)
















以上是关于关于微信小程序的tabbar的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序自定义Tabbar,附详细源码

微信小程序---tabBar&页面跳转

微信小程序01:底部菜单(tabBar)

微信小程序 自定义底部导航

微信小程序 自定义tabbar

谈谈微信小程序中的页面栈