在離子2垂直幻燈片

Question

我正在使用離子2，我想有垂直幻燈片，曾試圖使用sw具實施，並嘗試通過{方向：垂直}的選項（指令）的離子幻燈片（工作在離子1.x），但沒有任何工作是否有任何替代解決方案？

HTML：

<ion-slides pager options="options" style="background-color:white;"> 

    <ion-slide> 
    <h2>Slide 1</h2> 
    </ion-slide> 

    <ion-slide> 
    <h2>Slide 2</h2> 
    </ion-slide> 

    <ion-slide> 
    <h2>Slide 3</h2> 
    </ion-slide> 

</ion-slides> 

JS：

export class HomePage { 
    constructor() { 
     this.options = { 
     direction: 'vertical' 
     }; 
    } 
} 

Answer 1

只需使用direction="vertical"屬性：

<ion-slides pager direction="vertical"> 

    <ion-slide> 
     //Your html 
    </ion-slide> 

</ion-slides>