tabs.1.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <!--
  2. Create tabs with an icon and label, using the tabs-positive style.
  3. Each tab's child <ion-nav-view> directive will have its own
  4. navigation history that also transitions its views in and out.
  5. -->
  6. <ion-header-bar class="bar bar-header bar-dark" align-title="center">
  7. <button class="button button-icon icon ion-home"></button>
  8. <div class="h1 title">页面标题</div>
  9. <button class="button button-icon button-positive ion-android-alert"></button>
  10. </ion-header-bar>
  11. <div ui-view></div>
  12. <ion-tabs class="tabs-icon-top tabs-color-active-positive">
  13. <!-- Dashboard Tab -->
  14. <ion-tab title="新建报障" icon-off="ion-ios-paper" icon-on="ion-ios-paper" href="#/tab/index">
  15. <ion-nav-view name="tab-index"></ion-nav-view>
  16. </ion-tab>
  17. <!-- Chats Tab -->
  18. <!--<ion-tab title="表单123" icon-off="ion-ios-chatboxes-outline" icon-on="ion-ios-chatboxes" href="#/tab/chats">
  19. <ion-nav-view name="tab-chats"></ion-nav-view>
  20. </ion-tab>-->
  21. <!-- Chats Tab -->
  22. <ion-tab title="我的报障" icon-off="ion-person" icon-on="ion-person" href="#/tab/myIncident">
  23. <ion-nav-view name="tab-myIncident"></ion-nav-view>
  24. </ion-tab>
  25. <!-- Account Tab -->
  26. <!--<ion-tab title="Account" icon-off="ion-ios-gear-outline" icon-on="ion-ios-gear" href="#/tab/account">
  27. <ion-nav-view name="tab-account"></ion-nav-view>
  28. </ion-tab>-->
  29. </ion-tabs>