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

最新推荐文章于 2025-06-17 22:54:25 发布

原创最新推荐文章于 2025-06-17 22:54:25 发布 · 1.3w 阅读

21 ·

CC 4.0 BY-SA版权

公众号/小程序相关专栏收录该内容

3 篇文章

订阅专栏

本文解析了小程序tabBar的基本概念，如底部菜单的含义，并展示了如何在app.json中设置tabBar页面。重点讲解了如何通过wx.switchTab进行页面切换，以及提供了一个app.json中的tabBar配置示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一般看到这个地方看不明白的是看到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"
      }
    ]
  }