使用没有标题离子的条带标签

Question

我使用没有标题的条带标签，我在标签和内容之间有这个空白区域。

所以我想知道我是否可以覆盖离子视图css，并修复此空白区域。

这是我的代码：

CODEPEN CODE + DEMO

<ion-tabs class="tabs-striped tabs-top tabs-background-dark tabs-color-energized">

        <ion-tab title="hier"ui-sref="help">
           <ion-nav-view name="help"></ion-nav-view>
        </ion-tab>

        <ion-tab title="aujourd'hui" ui-sref="home">
            <ion-nav-view name="home"> </ion-nav-view> 
        </ion-tab>

 <ion-tab title="demain" ui-sref="contact">
            <ion-nav-view name="contact"></ion-nav-view> 
        </ion-tab>



    </ion-tabs> 

我正在使用此css代码放置条纹栏：

.tabs-top >.tabs, .tabs.tabs-top
{
    top: 0 !important;
}

Answer 1

试试这个：

.has-tabs-top {
  top: 50px!important;
}

您应该使用该值来满足您的需求。