ionic2中的水平滑块
ionic2中的水平滑块
提问于 2017-08-01 12:24:24
如何在ionic2中制作这样的水平幻灯片：
回答 1
Stack Overflow用户
回答已采纳
发布于 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/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45437724
复制相关文章
相似问题
腾讯云开发者
