如何在离子中制作标签而不使用ionic1中的<ion-tabs>

时间:2017-11-21 13:45:58

标签: android ios ionic-framework

我需要创建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>

0 个答案:

没有答案