ionic2

Question

如何在ionic2中制作水平幻灯片：

Answer 1

第一步是通过向其添加direction="horizontal"来更改滑块的方向。

然后，为了一次显示多张幻灯片，请使用slidesPerView（如果要显示幻灯片的一半，也会接受小数）

您还可以使用spaceBetween属性调整每张幻灯片之间的空间。

基本示例：

<ion-slides direction="horizontal" slidesPerView="3.2" spaceBetween="20">
  <ion-slide>
    <h1>Slide 1</h1>
  </ion-slide>
  <ion-slide>
    <h1>Slide 2</h1>
  </ion-slide>
  <ion-slide>
    <h1>Slide 3</h1>
  </ion-slide>
</ion-slides>

另外，请查看官方文档以获取所有可用属性的列表： https://ionicframework.com/docs/2.3.0/api/components/slides/Slides/