tabbar 页面是什么意思？用什么跳转到tabbar页面

知识浅谈

发布于 2021-06-01 13:21:20

2.7K00

代码可运行

文章被收录于专栏：分享学习分享学习

运行总次数：0

代码可运行

一般看到这个地方看不明白的是看到wx.navigateTo(Object object)这个地方下边的提示.

tabbar页面是什么意思而对应的tabbar是什么呢，举个栗子就明白了比如我们小程序的底部有图标加文字的几个按钮，每个按钮对应一个页面，而整个小程序中有很多页面，小程序底部图标加文字对应的几个页面是tabbar页面，这个在app.json中有设置。 eg：在app.json中设置对应的tabbar页面

"tabBar": {
    "color": "#333",
    "selectedColor": "#d43c33",
    "backgroundColor": "#fff",
    "position": "bottom",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "主页",
        "iconPath": "/static/images/tabs/tab-home.png",
        "selectedIconPath": "/static/images/tabs/tab-home-current.png"
      },
      {
        "pagePath": "pages/video/video",
        "text": "视频",
        "iconPath": "/static/images/tabs/select.png",
        "selectedIconPath": "/static/images/tabs/selected.png"
      },
      {
        "pagePath": "pages/personal/personal",
        "text": "个人中心",
        "iconPath": "/static/images/tabs/tab-my.png",
        "selectedIconPath": "/static/images/tabs/tab-my-current.png"
      }
    ]
  }