ionic tab选项卡置于顶部

最新推荐文章于 2019-02-20 17:03:54 发布

元生态

最新推荐文章于 2019-02-20 17:03:54 发布

阅读量5.4k

点赞数

分类专栏： ionic

本文链接：https://blog.csdn.net/chenhua4088/article/details/49744975

版权

ionic 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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


      <ion-tab title="等额本息" >
        <ion-content >
          <h1>等额本息内容</h1>
        </ion-content>
      </ion-tab>

      <ion-tab title="等额本金" >
        <ion-content >
          <h1>等额本金内容<span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;"></h1></span>
        </ion-content>
      </ion-tab>
      
</ion-tabs>

.mortgagetab  .tabs{
    top:0;
    border:0;
    background:none;

}
.mortgagetab .tab-item {
    max-width:220px;
}
    .mortgagetab .tabs a:nth-child(odd) {
        border-right:1px solid #ea5504;
    }
    .mortgagetab .tabs .tab-item-active {
        background:#ea5504;
    }
    .mortgagetab .tabs .tab-item-active > span {
        color:#fff; 
    }
.mortgagetab .has-tabs-top {
    top:50px;
}