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