首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >ionic2中的水平滑块

ionic2中的水平滑块
EN

Stack Overflow用户
提问于 2017-08-01 12:24:24
回答 1查看 66关注 0票数 0

如何在ionic2中制作这样的水平幻灯片:

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-08-01 12:44:32

第一步是改变滑块的方向,向滑块中添加direction="horizontal"

然后,为了同时显示多张幻灯片,请使用slidesPerView (如果要显示幻灯片的一半,它也接受小数)。

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

基本例子:

代码语言:javascript
代码运行次数:0
运行
复制
<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/

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45437724

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档