1

我正在使用 ionic 2,我想要垂直幻灯片,曾尝试使用 swiper 实现并尝试在离子幻灯片的选项(指令)中传递 {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'
      };
   }
}
4

1 回答 1

4

只需使用direction="vertical"属性:

<ion-slides pager direction="vertical">

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

 </ion-slides>
于 2017-06-06T15:52:55.330 回答