前言
????????最近手痒想搞个qq小程序玩玩,但是因为不太了解,所以只能去翻文档,上网查查资料,但发现网上大部分的小程序资料都是微信小程序的,于是在做tabBar的时候就碰到了一个qq小程序文档不够友好而出不来的问题
问题
按照对文档的理解我直接把下面的配置整到了app.json下面,结果发现tabBar根本没出来,搞了半天没明白问题在那里。文档也没有什么详细的说明。
"tabBar": {
"color": "#dddddd",
"selectedColor": "#3cc51f",
"borderStyle": "black",
"backgroundColor": "#ffffff",
"list": [{
"pagePath": "pages/home/home",
"iconPath": "image/wechat.png",
"selectedIconPath": "image/wechatHL.png",
"text": "主页"
}, {
"pagePath": "pages/logs/logs",
"iconPath": "image/wechat.png",
"selectedIconPath": "image/wechatHL.png",
"text": "记录"
}, {
"pagePath": "pages/setting/setting",
"iconPath": "image/wechat.png",
"selectedIconPath": "image/wechatHL.png",
"text": "设置"
}]
}
解决
后面才发现这个配置还需要一个对应的顺序,看下面正确的代码
?正如上图所说,启动页面必须是tabBar里面的其中一个页面,不然启动之后是看不到tab的,并且如果第一个页面不在tabBar里面,想要跳转过去,那么必须使用qq.switchTab方法,如果使用qq.navigateTo方法是无法跳转到tab页面的
|