ionic tab選項卡置於頂部

<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;
}