微信小程式——公共元件tabbar設定

小程式的全局配置中，有專門的tabbar選項，可以用它配置公共的tabbar，個數限制為2~5

用法

app.json中定義，與window同級處有tabBar選項

"tabBar":{
    "color":"#999999",  // 文字顔色
    "selectedColor":"#1990FF",  // 選中時文字顔色
    "position":"bottom",  // 位置，隻可以選擇top或bottom
    "list": [		// tab清單
      {
        "pagePath":"pages/staffs/staffs",		// 指向的頁面路徑，必須在pages屬性中配置過
        "text": "機構",   // tab名稱
        "iconPath": "./assets/common/staff-default.png",   // 預設tab icon
        "selectedIconPath":"./assets/common/staff-active.png"  // 激活狀态時的tab icon
      },
      {
        "pagePath":"pages/tejia/tejia",
        "text": "特價課",
        "iconPath": "./assets/common/tejia-default.png",
        "selectedIconPath":"./assets/common/tejia-active.png"
      },
      {
        "pagePath":"pages/activity/activity",
        "text": "活動",
        "iconPath": "./assets/common/activity-default.png",
        "selectedIconPath":"./assets/common/activity-active.png"
      }
    ]
  },
           

呈現效果

文檔所在位置-小程式配置-全局配置

個人覺得比引入公共元件在index頁面，其他每一個tab作為頁面的元件更加好，希望可以幫到你~

總結用法，希望可以幫助到你，

我是Ably，你無須超越誰，隻要超越昨天的自己就好~