更改離子選項卡高度離子

Question

我試圖更改離子選項卡高度。我去了_variables.scss並更改標籤高度：

$tabs-height:      200px !default; 

但它不起作用。這裏是我的代碼：

<ion-tab title="Clienti" icon-on="ion-ios-body" icon-off="ion-ios-body-outline"> 
     <ion-view id="clienti" class="tabView"> 

     </ion-view> 
    </ion-tab> 

    <ion-tab title="Dati" icon-on="ion-ios-briefcase" icon-off="ion-ios-briefcase-outline"> 
     <ion-content class="tabView" has-bouncing="false"> 
      <div class="ca"></div> 
     </ion-content> 
    </ion-tab> 

</ion-tabs> 

Answer 1

，如果你可以用CSS做。然後我做到了。

<ion-tab title="Clienti" icon-on="ion-ios-body" icon-off="ion-ios-body-outline" class="top-44"> 
     <ion-view id="clienti" class="tabView"> 

     </ion-view> 
    </ion-tab> 

    <ion-tab title="Dati" icon-on="ion-ios-briefcase" icon-off="ion-ios-briefcase-outline"> 
     <ion-content class="tabView" has-bouncing="false"> 
      <div class="ca"></div> 
     </ion-content> 
    </ion-tab> 

CSS

.top-44 .tab-nav{ 
    height: 54px; 
    top:54px !important; 
}