Question

我正在使用离子2，我想要有垂直幻灯片，曾尝试使用swiper实现，并尝试在离子幻灯片的选项（指令）中传递{direction：vertical}（在离子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>

离子2中的垂直滑块

1 个答案: