在离子上改变离子片高度

问题描述 投票:1回答:1

我正试图改变离子片的高度。我进入了_variables.scss并更改了tabs-height:

$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>
html tabs ionic-framework height
1个回答
5
投票

如果你能用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;
 }
© www.soinside.com 2019 - 2024. All rights reserved.