微信小程序 tabBar的使用注意事项

作者 : 刺猬源码 本文共814个字,预计阅读时间需要3分钟 发布时间: 2020-04-17 共589人阅读

微信小程序 tabBar的使用注意事项

假如app.json文件如下:
{  “pages”: [    “pages/index/index”,    “pages/logs/logs”,    “pages/main/main”,    “pages/login/login”,    “pages/note/note”,    “pages/mine/mine”  ],  “window”: {    “backgroundTextStyle”: “light”,    “navigationBarBackgroundColor”: “#fff”,    “navigationBarTitleText”: “WeChat”,    “navigationBarTextStyle”: “black”  },”tabBar”: {    “list”: [      {        “pagePath”: “pages/main/main”,        “text”: “首页”      },      {        “pagePath”: “pages/mine/mine”,        “text”: “日志”      }    ],    “color”: “#8a8a8a”,    “selectedColor”: “#1afa29”  }}
     由于微信小程序默认的入口为pages中的第一个页面,即pages/index/index。而tabBar.list中不包含该页面,所以打开小程序进入的pages/index/index页面将不显示tabBar。 若想进入小程序的时候就显示tabBar, pages列表的第一个页面必须包含在tabBar.list中。
     如果想从pages/index/index页面跳转到有tabBar的页面,不能使用wx.redirectTo或wx.navigateTo,必须使用
 wx.switchTab({   url: ‘./../main/main’,//相对路径,tabBar.list中的任意一个页面 })

刺猬源码 » 微信小程序 tabBar的使用注意事项

刺猬QQ交流群号多少?
363432
刺猬官方有技术支持吗?
有的,但技术支持是有偿服务哦,咨询右下角的在线客服吧!
下载的资源不能使用怎么办?
如果在本站下载的资源不能使用,一经确认可以联系在线客服退款。

发表评论

刺猬源码网,累计帮助1000+用户成功建站,为草根创业提供助力!

立即查看 了解详情