使離子幻燈片垂直滑動

Question

我有具有的start.html具有文件選項屬性，我將在選項1中類的起始頁

<ion-slide [options]="option1" *ngFor="let slide of slides; let last = last"> 
    <img [src]="slide.image" class="slide-image"/> 
    <h2 class="slide-title" [innerHTML]="slide.title" style=""></h2> 
    <p [innerHTML]="slide.description"></p> 

    <div id="skip-b"> 
    <button (click)="dismiss()"> 
     {{last ? "Let's Begin" : "Skip" }} 
     <ion-icon name="arrow-forward"></ion-icon> 
    </button> 
    </div> 
</ion-slide> 

start.ts定義它們：

export class StartPage { 
    option1 = { 
     loop: true, 
     direction: 'vertical' 
    }; 
} 

Answer 1

您需要在ion-slides組件中添加選項，如docs所示。

<ion-slides [options]="option1"> 
    <ion-slide *ngFor="let slide of slides; let last = last"> 
     <img [src]="slide.image" class="slide-image" /> 
     <h2 class="slide-title" [innerHTML]="slide.title" style=""></h2> 
     <p [innerHTML]="slide.description"></p> 

     <div id="skip-b"> 
      <button (click)="dismiss()"> 
     {{last ? "Let's Begin" : "Skip" }} 
     <ion-icon name="arrow-forward"></ion-icon> 
    </button> 
     </div> 
    </ion-slide> 
</ion-slides>