Slides 轮播图组件

在html中 嵌入几张图片

  <ion-slides pager="true" [options]="slideOpts">
    <ion-slide>
      <img src="assets/icon/slide01.png" alt="">
    </ion-slide>

    <ion-slide>
      <img src="assets/icon/slide02.png" alt="">
    </ion-slide>
  </ion-slides>

ts中代码，让图片动起来。

 slideOpts = {
    effect: 'flip',  //轮播效果
    autoplay: {
      delay: 2000,   //切换时间
    },
    loop: true       //图片显示位置
  }

后面会有更新，未完待续。