2

我目前正在使用 Ionic 3 开发应用程序,主屏幕由 3 个选项卡ion-tabs( . 我想过使用ion-slides,但我必须将代码从 3 个选项卡迁移到单个视图,有没有办法在不更改组件的情况下附加动画?

<ion-tabs #Tabs no-border tabsPlacement="top" tabsHighlight='true' color="secondary" >
    <ion-tab [root]="disponiveisRoot" tabTitle="Disponiveis" ></ion-tab>
    <ion-tab [root]="meusPedidosRoot" tabTitle="Meus pedidos" ></ion-tab>
    <ion-tab [root]="finalizadosRoot" tabTitle="Finalizados" ></ion-tab>
</ion-tabs>

在此处输入图像描述

4

1 回答 1

0

您可以使用ionic2-super-tabs。该库可以轻松制作可滑动的标签。您必须检查 github 页面的兼容性以及您应该使用哪个版本。

使用该库,一个基本示例如下所示。它与 Ionic it self 中的标签几乎相同。

基本示例

零件:

export class MyPage {

  page1: any = Page1Page;
  page2: any = Page2Page;
  page3: any = Page3Page;

}

HTML:

<super-tabs>
  <super-tab [root]="page1" title="First page"></super-tab>
  <super-tab [root]="page2" title="Second page"></super-tab>
  <super-tab [root]="page3" title="Third page"></super-tab>
</super-tabs>
于 2018-05-29T14:15:41.997 回答