切换标签/Tabs

Tabs are a horizontal region of buttons or links that allow for a consistent navigation experience between screens. It can contain any combination of text and icons, and is a popular method for enabling mobile navigation.

* For building tabbed interfaces, see the Tabs documentation.

The containing element should have the tabs classname, and each tab should have the tab-item classname. By default, tabs will be without an icon and text-only.

<divclass="tabs"><aclass="tab-item">
    Home
  </a><aclass="tab-item">
    Favorites
  </a><aclass="tab-item">
    Settings
  </a></div>

Tabs can be styled to match the standard Ionic colors (the example is using the default color. Use these classes to change the color of the tab bar: tabs-default``tabs-light``tabs-stable``tabs-positive``tabs-calm``tabs-balanced``tabs-energized``tabs-assertive``tabs-royal``tabs-dark

To hide the tabbar but still show the content, add the tabs-item-hide class. Also, whenever you are using tabs, remember to add the has-tabs CSS class to .