Question

修改标签栏高度的最佳方法是什么（见下文）？同时确保不会与导航栏和内容重叠，并且标签项垂直居中。

<ion-tabs class="tabs-positive tabs-icon-only">

  <ion-tab title="Home" icon-on="ion-ios-filing" icon-off="ion-ios-filing-outline">
    <!-- Tab 1 content -->
  </ion-tab>

  <ion-tab title="About" icon-on="ion-ios-clock" icon-off="ion-ios-clock-outline">
    <!-- Tab 2 content -->
  </ion-tab>

  <ion-tab title="Settings" icon-on="ion-ios-gear" icon-off="ion-ios-gear-outline">
    <!-- Tab 3 content -->
  </ion-tab>

</ion-tabs>

Answer 1

经过更多的研究，我认为我通过覆盖_variables.scss中的变量找到了一种方法。

我的自定义sass文件看起来像这样，并且正在覆盖_variables.scss中的值。

$tabs-height:                     49px !default;

// Include all of Ionic
@import "www/lib/ionic/scss/ionic";

更改标签栏高度

1 个答案: