tabs.html 1.1 KB

1234567891011121314151617181920212223242526272829
  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="left">
  7. <button class="button button-icon icon ion-chevron-left"></button>
  8. <div class="h1 title">Header Buttons</div>
  9. <button class="button button-icon button-positive ion-android-alert"></button>
  10. </ion-header-bar>
  11. <ion-tabs class="tabs-icon-top tabs-color-active-positive">
  12. <!-- Dashboard Tab -->
  13. <ion-tab title="事件" icon-off="ion-ios-paper" icon-on="ion-ios-paper" href="#/tab/index">
  14. <ion-nav-view name="tab-index"></ion-nav-view>
  15. </ion-tab>
  16. <!-- Chats Tab -->
  17. <ion-tab title="表单" icon-off="ion-ios-chatboxes-outline" icon-on="ion-ios-chatboxes" href="#/tab/chats">
  18. <ion-nav-view name="tab-chats"></ion-nav-view>
  19. </ion-tab>
  20. <!-- Account Tab -->
  21. <!--<ion-tab title="Account" icon-off="ion-ios-gear-outline" icon-on="ion-ios-gear" href="#/tab/account">
  22. <ion-nav-view name="tab-account"></ion-nav-view>
  23. </ion-tab>-->
  24. </ion-tabs>