uniapp设置tabbar height无效

可能是因为设置的高度不够大，或者是被其他样式覆盖了。可以尝试在样式中加上 !important 来确保样式生效，例如：

.tabbar {
  height: 100px !important;
}

如果还是无效，可以检查一下是否有其他样式影响了 tabbar 的高度，或者在页面中使用了其他组件导致高度被覆盖。

相关问题

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高度无效的问题。

uniapp设置tabbar height属性无效

可能原因：

1. 在设置tabbar的height属性时，没有加上单位，导致无效。

2. 在设置tabbar的height属性时，设置的值太小或太大，导致没有效果。

3. 在设置tabbar的height属性时，被其他样式属性覆盖了，导致无效。

解决方法：

1. 在设置tabbar的height属性时，一定要加上单位，例如：height: 50px;

2. 在设置tabbar的height属性时，要根据实际情况设置合适的数值。

3. 在设置tabbar的height属性时，要确保没有被其他样式属性覆盖，可以使用!important关键字强制生效。例如：height: 50px!important;