小程序自定义底部tabbar

小程序自定义底部tabbar可以通过在app.json文件中设置"tabBar"字段来实现。具体步骤如下：

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

{
  "tabBar": {
    "color": "#999999",
    "selectedColor": "#007aff",
    "backgroundColor": "#ffffff",
    "list": [
      {
        "pagePath": "pages/home/home",
        "text": "首页",
        "iconPath": "assets/tabbar/home.png",
        "selectedIconPath": "assets/tabbar/home-selected.png"
      },
      {
        "pagePath": "pages/category/category",
        "text": "分类",
        "iconPath": "assets/tabbar/category.png",
        "selectedIconPath": "assets/tabbar/category-selected.png"
      },
      {
        "pagePath": "pages/cart/cart",
        "text": "购物车",
        "iconPath": "assets/tabbar/cart.png",
        "selectedIconPath": "assets/tabbar/cart-selected.png"
      },
      {
        "pagePath": "pages/mine/mine",
        "text": "我的",
        "iconPath": "assets/tabbar/mine.png",
        "selectedIconPath": "assets/tabbar/mine-selected.png"
      }
    ]
  }
}

2. 在每个页面的json文件中设置"navigationBarTitleText"字段，来设置导航栏标题。

3. 在每个页面的wxml文件中添加一个"view"标签，作为页面的容器，并设置"wx:if"属性来控制页面的显示和隐藏。

4. 在每个页面的js文件中设置"onLoad"方法，来监听页面加载事件，并在其中设置"wx.setNavigationBarTitle"方法来动态设置导航栏标题。

以上就是小程序自定义底部tabbar的实现步骤，希望能对你有所帮助。