小程序tabbar

配置tabbar

list 接受一个数组，只能配置最少2个，最多5个tab
在app.json中配置tabbar ，配置代码如下：

{
  "pages": [
    "pages/index/index",
    "pages/cate/cate",
    "pages/cart/cart",
    "pages/logs/logs"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#000",
    "navigationBarTitleText": "项目首页",
    "navigationBarTextStyle": "white"
  },
  "tabBar": {
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "assets/imgs/home.png",
        "selectedIconPath": "assets/imgs/home_active.png"
      },
      {
        "pagePath": "pages/cate/cate",
        "text": "分类",
        "iconPath": "assets/imgs/cate.png",
        "selectedIconPath": "assets/imgs/cate_active.png"
      },
      {
        "pagePath": "pages/cart/cart",
        "text": "购物车",
        "iconPath": "assets/imgs/cart.png",
        "selectedIconPath": "assets/imgs/cart_active.png"
      },
      {
        "pagePath": "pages/logs/logs",
        "text": "我的",
        "iconPath": "assets/imgs/my.png",
        "selectedIconPath": "assets/imgs/my_active.png"
      },{
        "pagePath": "pages/cart/cart",
        "text": "购物车",
        "iconPath": "assets/imgs/cart.png",
        "selectedIconPath": "assets/imgs/cart_active.png"
      }
      
    ]
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json",
  "lazyCodeLoading": "requiredComponents"
}

自定义tabbar

custom-tab-bar/index.js
custom-tab-bar/index.json
custom-tab-bar/index.wxml
custom-tab-bar/index.wxss

第三步：编写tabbar代码