2016-02-17 101 views
1

我正在使用离子2,我想有垂直幻灯片,曾试图使用sw具实施,并尝试通过{方向:垂直}的选项(指令)的离子幻灯片(工作在离子1.x),但没有任何工作是否有任何替代解决方案?在离子2垂直幻灯片

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' 
     }; 
    } 
} 
+0

添加一些代码在这里,我们可以帮助你.. –

+0

@SwapnilPatwa,加代码,你可以检查它! –

+0

这是现在与最新的Ionic 2版本:beta.1 – brandyshea

回答

1

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

<ion-slides pager direction="vertical"> 

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

</ion-slides>