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

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>

（2）、ts控制部分代码：
先通过angularjs核心库和ionic-angular组件库分贝引入VidewChild模块和Slides组件。如图：

import {Component, ViewChild} from '@angular/core';
import {NavController, NavParams, IonicPage, Slides} from 'ionic-angular';

（3）、使用ViewChild模块获取当前页面Slides组件。

@ViewChild(Slides) slides:Slides;



（4）、设置Slides组件的freeMode和slidepriview属性值。

this.slides.freeMode = true;
this.slides.slidesPerView = "auto";

完结