微信小程序局部tabbar

微信小程序支持局部TabBar的功能，可以在页面中设置局部TabBar，只需要在页面的json文件中设置即可。

首先，在页面的json文件中添加tabBar节点，如下所示：

{
  "navigationBarTitleText": "局部TabBar示例",
  "usingComponents": {},
  "tabBar": {
    "color": "#999999",
    "selectedColor": "#FF0000",
    "backgroundColor": "#ffffff",
    "borderStyle": "white",
    "list": [
      {
        "pagePath": "/pages/index/index",
        "text": "首页",
        "iconPath": "/images/tabbar/home.png",
        "selectedIconPath": "/images/tabbar/home_selected.png"
      },
      {
        "pagePath": "/pages/cart/cart",
        "text": "购物车",
        "iconPath": "/images/tabbar/cart.png",
        "selectedIconPath": "/images/tabbar/cart_selected.png"
      }
    ]
  }
}

其中，tabBar节点下的list数组中，每一个对象代表一个TabBar项，可以设置对应的页面路径、文字、未选中和选中状态下的图标路径。

然后，在需要显示局部TabBar的页面中，通过设置custom-tab-bar节点来引入局部TabBar组件，如下所示：

<view>
  <!--页面内容-->
</view>

<custom-tab-bar></custom-tab-bar>

其中，custom-tab-bar节点是自定义组件，在组件的js文件中，可以通过使用this.getTabBar()方法来获取全局的TabBar组件实例，从而实现局部TabBar的效果。

Component({
  attached() {
    const tabBar = this.getTabBar();
    tabBar.setData({
      selected: 1
    })
  }
})

以上就是在微信小程序中实现局部TabBar的方法。