今刚开始学习微信小应用,作为初学者,发现了一特别容易犯错的地方,分享出来。
tabBar不显示,这个问题弄的我摸不着头脑,其实仔细检查下,就会发现这个很容易避免,自己总结了几点,希望指正。
1、tabBar的书写,容易写成tabbar。(我就是这么笨死在这个坑里的);
2、tabBar 是一个数组,只能配置最少2个、最多5个 tab,tab 按数组的顺序排序。(引用官方说明https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html?t=1475052055756),就是说你配置的页面数少于2个或者多于5个;
3、tabBar的属性没有填写完整也就是必要的属性没有设置;
属性说明:
属性 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
color | HexColor | 是 | tab 上的文字默认颜色 | |
selectedColor | HexColor | 是 | tab 上的文字选中时的颜色 | |
backgroundColor | HexColor | 是 | tab 的背景色 | |
borderStyle | String | 否 | black | tabbar上边框的颜色, 仅支持 black/white |
list | Array | 是 | tab 的列表,详见 list 属性说明,最少2个、最多5个 tab |
4、在app.json中pages里面的第一个页面不是tabBar的list中 pagePath中的任意一个,
"pages":[
"pages/index/index",(第一个)
"pages/logs/logs",
"pages/Home/home"
],
"list":[{
"pagePath":"pages/demo/sdemo",
"text":"首页",
},{
"pagePath":"pages/logs/logs",
"text":"日志",
},{
"pagePath":"pages/Home/home",
"text":"主页",
}]
如上代码就不会显。
总结的还不够全面,还有其他情况,欢迎大家指正。