微信小程序自定义tabbar

微信小程序的tabbar可以通过在app.json中配置tabBar字段来实现自定义。具体步骤如下：

1. 在app.json文件中添加tabBar字段，如下所示：

{
  "tabBar": {
    "color": "#999999",
    "selectedColor": "#1296db",
    "backgroundColor": "#ffffff",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "images/tabbar/home.png",
        "selectedIconPath": "images/tabbar/home_selected.png"
      },
      {
        "pagePath": "pages/category/category",
        "text": "分类",
        "iconPath": "images/tabbar/category.png",
        "selectedIconPath": "images/tabbar/category_selected.png"
      },
      {
        "pagePath": "pages/cart/cart",
        "text": "购物车",
        "iconPath": "images/tabbar/cart.png",
        "selectedIconPath": "images/tabbar/cart_selected.png"
      },
      {
        "pagePath": "pages/user/user",
        "text": "我的",
        "iconPath": "images/tabbar/user.png",
        "selectedIconPath": "images/tabbar/user_selected.png"
      }
    ]
  }
}

2. 在每个页面中使用wx.switchTab跳转到tabBar中的页面，如下所示：

wx.switchTab({
  url: '/pages/index/index'
})

3. 在页面中可以通过设置navigationBarTitle来设置页面标题，如下所示：

wx.setNavigationBarTitle({
  title: '我的'
})

4. 在页面中可以通过设置navigationBarBackgroundColor来设置导航栏背景色，如下所示：

wx.setNavigationBarBackgroundColor({
  backgroundColor: '#ffffff'
})

5. 在页面中可以通过设置navigationBarTextStyle来设置导航栏标题颜色，如下所示：

wx.setNavigationBarTextStyle({
  color: '#000000'
})

以上就是微信小程序自定义tabbar的步骤，希望对你有所帮助。