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

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

浏览量:5784 时间: 来源:JohnLiu_

假如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中的任意一个页面 })

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎