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

Question

我正在使用没有标题的条纹标签，并且我在标签和内容之间有这个空白空间。

所以我想知道我是否可以覆盖 ion-view 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;
}

您应该使用符合您需求的价值。