微信小程序配置tab栏

Posted 2021-12-03 luguankun

   "tabBar": {
      "color":"#333",    // 文字颜色
      "selectedColor": "#666",  // tab被选中后的颜色
      "backgroundColor":"#fff",  // tab背景颜色
      "position":"bottom",  // tab的位置
      "list": [
        {
          "pagePath": "pages/test/test",  //  跳转的页面
          "text": "首页",   // tab文字内容
          "iconPath":"./static/icon1.png",   //图标的路径，只支持本地
          "selectedIconPath":"./static/icon2.png"  // tab被选择后的图标，只支持本地
        },
        {
          "pagePath": "pages/haha/haha",
          "text": "日志",
          "iconPath": "./static/icon3.png",
          "selectedIconPath": "./static/icon4.png"
        }
      ]
    },

 

注意：tab的数量在2 - 5 个之间

           小程序的文件不能大于2M