关灯
0

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

摘要: 假如app.json文件如下:{ "pages": , "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "WeChat", "naviga ...
假如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中的任意一个页面 })
 

鲜花

握手

雷人

路过

鸡蛋

说点什么...

已有0条评论

最新评论...

本文作者
2019-12-16 09:31
  • 1
    粉丝
  • 164
    阅读
  • 0
    回复
热门评论
排行榜
关闭

站长推荐上一条 /1 下一条

Copyright   ©2017-2018  易福网-专业的公众平台源码交流站Powered by©efwww.com!技术支持:易福网