如何在ionic2中制作这样的水平幻灯片:
发布于 2017-08-01 12:44:32
第一步是改变滑块的方向,向滑块中添加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/
https://stackoverflow.com/questions/45437724
复制相似问题