ionic3中轮播组件单个ion-slide滚动项宽度只适应（不是全屏）设置方法。

最新推荐文章于 2018-09-07 16:13:38 发布

aizhuanjiao666

最新推荐文章于 2018-09-07 16:13:38 发布

阅读量4.9k

点赞数

分类专栏： ionic 3.0

本文链接：https://blog.csdn.net/aizhuanjiao666/article/details/78451764

版权

本文介绍了在Ionic3中如何让单个`ion-slide`滚动项宽度仅适应内容，而非全屏显示。通过引入Angular的`ViewChild`模块和`Slides`组件，实现对轮播组件的自定义宽度控制。

摘要由CSDN通过智能技术生成

1、效果图：

（1）、html部分代码：

<ion-slides pager="false">
        <ion-slide *ngFor="let item of union;let i = index"  tappable (click)="categoryList(i)" >
          <button ion-button [style.background-color]="colorArr[i]" >{
  {item.name}}</button>
        </ion-slide>
      </ion-slides>