ion-tabs

授权: $ionicTabsDelegate

See the Pen by Ionic (@ionic) on CodePen.

带有标签栏的多标签界面的功能是,通过标签切换一组“页面”。

在某个元素上指定任何标签类动画类来定义它的外观和感觉。

请查看ionTab指令文档来了解各个选项卡的更多详情。

注意:不要将ion-tabs置入一个ion-content元素内;它会造成一定的已知CSS错误。

用法

<ion-tabs class="tabs-positive tabs-icon-only">

  <ion-tab title="首页" icon-on="ion-ios7-filing" icon-off="ion-ios7-filing-outline">
    <!-- 标签 1 内容 -->
  </ion-tab>

  <ion-tab title="关于" icon-on="ion-ios7-clock" icon-off="ion-ios7-clock-outline">
    <!-- 标签 2 内容 -->
  </ion-tab>

  <ion-tab title="设置" icon-on="ion-ios7-gear" icon-off="ion-ios7-gear-outline">
    <!-- 标签 3 内容 -->
  </ion-tab>

</ion-tabs>

API

属性 类型 详情
delegate-handle(可选) 字符串 该句柄用$ionicTabsDelegate来标识这些选项卡。