ionic 2 中的垂直载玻片

Question

我正在使用 ionic 2，我想要垂直幻灯片，曾尝试使用 swiper 来实现，还尝试在 ion-slides 的选项（指令）中传递 {direction : vertical}（在 ionic 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>