uniapp底部导航栏图标大小

在uniapp中，底部导航栏图标的大小可以通过设置css样式实现。具体操作如下：

1. 在pages.json文件中设置底部导航栏的选项卡，例如：

{
  "pages": [
    {
      "path": "pages/home/home",
      "name": "home",
      "style": {
        "navigationBarTitleText": "首页",
        "tabBar": {
          "selectedColor": "#007aff",
          "list": [
            {
              "pagePath": "pages/home/home",
              "text": "首页",
              "iconPath": "static/tabbar/home.png",
              "selectedIconPath": "static/tabbar/home-active.png"
            },
            {
              "pagePath": "pages/mine/mine",
              "text": "我的",
              "iconPath": "static/tabbar/mine.png",
              "selectedIconPath": "static/tabbar/mine-active.png"
            }
          ]
        }
      }
    },
    {
      "path": "pages/mine/mine",
      "name": "mine",
      "style": {
        "navigationBarTitleText": "我的"
      }
    }
  ],
  "tabBar": {
    "color": "#666666",
    "selectedColor": "#007aff",
    "borderStyle": "white"
  }
}

2. 在App.vue或index.vue中设置样式，例如：

<style lang="scss">
// 底部导航栏图标大小
.tabbar-item-icon {
  width: 30px;
  height: 30px;
}
</style>

在上述样式中，我们设置了.tabbar-item-icon类的宽度和高度为30px，这样就可以控制底部导航栏图标的大小了。

需要注意的是，如果底部导航栏图标的大小与图片本身的尺寸不一致，可能会出现图片变形或者被裁剪的情况。因此，在设置底部导航栏图标大小时，最好保持图片的原始比例。