uniapp设置tabbar height无效

要设置uniapp的tabbar高度，可以通过以下步骤：

1. 在App.vue中添加一个全局样式：

<style>
  .uni-tabbar {
    height: 100px; // 设置你想要的高度
  }
</style>

2. 在pages.json中设置tabbar的样式：

{
  "tabBar": {
    "custom": true,
    "color": "#7A7E83",
    "selectedColor": "#3cc51f",
    "backgroundColor": "#ffffff",
    "list": [
      {
        "pagePath": "pages/index/index",
        "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"
      }
    ],
    "position": "bottom",
    "borderStyle": "white"
  }
}

3. 在每个页面的.vue文件中，将底部的区域留出来，以显示tabbar：

<template>
  <view class="container">
    <!-- 这里是页面内容 -->
  </view>
  <view class="bottom"></view>
</template>

<style>
  .container {
    height: calc(100% - 100px); // 计算出底部tabbar的高度
  }
  .bottom {
    height: 100px; // 设置tabbar的高度
  }
</style>

通过以上步骤设置tabbar高度，应该可以解决uniapp设置tabbar高度无效的问题。