微信小程序自定义tabBar 组件

微信小程序使用自定义tabBar组件的要点说明

之前一直很好奇小程序的路由和tab页面切换的功能如何实现，在研究了微信原生的tabBar组件后明白了如何实现tab标签切换。

1. 配置app.json

在app.json中配置"tabBar" 属性

"tabBar": {
   
   
    "custom": true,
    "color": "#7A7E83", // 默认模式下组件未激活的字体颜色
    "selectedColor": "#3cc51f", // 默认模式下组件激活的字体颜色
    "borderStyle": "black", // 默认模式下组件的边框颜色
    "backgroundColor": "#ffffff", // 默认模式下组件的背景颜色
    "list": [
      {
   
   
        "pagePath": "pages/index/index",
        "text": "首页"
      },
      {
   
   
        "pagePath": "pages/order/order",
        "text": "订单"
      },
      {
   
   
        "pagePath": "pages/user/user",
        "text": "我的"