我需要创建5个不同样式的标签。问题是,如果我使用<ion-tabs>
,我对单个标签所做的任何更改都会反映到我的所有5个标签中。除<ion-tabs>
之外还有其他选项吗?
这是我到目前为止所做的:
<ion-tabs class="tabs-icon-top tabs-color-active-positive">
<!-- lobby Tab -->
<ion-tab title="Lobby" icon="icon ion-android-list" href="#/main/fixture">
<ion-nav-view name="tab-fixture"></ion-nav-view>
</ion-tab>
<!-- upcomming Tab badge="3" badge-style="badge-assertive"-->
<ion-tab title="Upcoming" icon="ion-android-globe trans" href="#/main/live">
<ion-nav-view name="tab-live"></ion-nav-view>1
</ion-tab>
<!-- score Tab -->
<ion-tab title="Scores" icon="icon ion-social-dribbble-outline" href="#/main/result">
<ion-nav-view name="tab-result"></ion-nav-view>
</ion-tab>
<!-- friend Tab -->
<ion-tab title="Friends" icon="icon ion-help-buoy" href="#/main/friend">
<ion-nav-view name="tab-friend"></ion-nav-view>
</ion-tab>
<!-- Amount Tab -->
<ion-tab title="Amount" icon="ion-android-globe trans" href="#/main/amount1">
<ion-nav-view name="tab-amount"></ion-nav-view>
</ion-tab>
</ion-tabs>