刷卡离子卡

时间:2016-03-16 09:31:43

标签: ionic-framework

是否有一种简单的方法可以使离子卡滑动而不是垂直叠加?

我目前使用此代码垂直堆叠卡片:

<ion-content class="outer-content speaker-list">
  <ion-card *ngFor="#speaker of speakers" class="speaker">

    <ion-card-header>
      <ion-item>
        <ion-avatar item-left>
          <img [src]="speaker.profilePic">
        </ion-avatar>
        {{speaker.name}}
      </ion-item>
    </ion-card-header>

    <ion-card-content class="outer-content">
      <ion-list>
        <button ion-item *ngFor="#session of speaker.sessions" (click)="goToSessionDetail(session)">
          <h3>{{session.name}}</h3>
        </button>
        <button ion-item (click)="goToSpeakerDetail(speaker)">
          <h3>About {{speaker.name}}</h3>
        </button>
      </ion-list>
    </ion-card-content>

    <ion-item>
      <button (click)="goToSpeakerTwitter(speaker)" clear item-left>
        <ion-icon name="logo-twitter"></ion-icon>
        Tweet
      </button>
      <button (click)="openSpeakerShare(speaker)" clear item-right>
        <ion-icon name="share"></ion-icon>
        Share
      </button>
    </ion-item>

  </ion-card>
</ion-content>

我正在寻找一种简单的方法来让它们滑动而不是堆叠。有各种各样的插件可以像滑动卡一样做Tinder,但我想知道是否有一个设置可以给离子卡,使卡片做一个简单的滑动(我不是在寻找Tinder视觉效果)像旋转木马。

我正在使用离子V2。

0 个答案:

没有答案