Android 离子2中的垂直幻灯片

Android 离子2中的垂直幻灯片,android,ios,ionic-framework,ionic2,slider,Android,Ios,Ionic Framework,Ionic2,Slider,我使用的是ionic 2,我希望有垂直幻灯片,曾尝试过使用swiper实现,也尝试过在ionic幻灯片的选项(指令)中传递{direction:vertical}(在ionic 1.x中工作),但没有任何效果。是否有其他解决方案 HTML: <ion-slides pager options="options" style="background-color:white;"> <ion-slide> <h2>Slide 1</h2&g

我使用的是ionic 2,我希望有垂直幻灯片,曾尝试过使用swiper实现,也尝试过在ionic幻灯片的选项(指令)中传递{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>

只需使用
direction=“vertical”
属性:

<ion-slides pager direction="vertical">

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

 </ion-slides>

//你的html

只需使用
direction=“vertical”
属性:

<ion-slides pager direction="vertical">

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

 </ion-slides>

//你的html

在这里添加一些代码,以便我们可以帮助您。@SwapnilPatwa,添加了代码,您可以检查一下吗!这是目前最新的离子2版本:测试版。1@brandyshea我目前使用的是ionic 2-beta.17,但不起作用。beta.17指的是CLI版本,这里有一些关于差异的文档:。请从项目文件夹中运行
ionic info
,查看
ionic版本
。测试版的变更记录。1:在这里添加一些代码,这样我们可以帮助您。@SwapnilPatwa,添加了代码,您可以检查一下吗!这是目前最新的离子2版本:测试版。1@brandyshea我目前使用的是ionic 2-beta.17,但不起作用。beta.17指的是CLI版本,这里有一些关于差异的文档:。请从项目文件夹中运行
ionic info
,查看
ionic版本
。beta.1的变更日志: