离子 2 中的垂直幻灯片

Question

我正在使用离子 2，我想要垂直幻灯片，尝试使用滑动器实现，并且还尝试在离子幻灯片(在 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>