Ionic4-轮播图的坑

最新推荐文章于 2019-08-14 18:12:01 发布

吕阿蒙

最新推荐文章于 2019-08-14 18:12:01 发布

阅读量907

点赞数 1

分类专栏： Ionic

本文链接：https://blog.csdn.net/fn512613/article/details/96856644

版权

Ionic 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

<ion-slides #slide1 [options]="slidesOpts" (ionSlideTouchEnd)="slideTouchEnd()" (click)="onClickSlide()">
    <ion-slide *ngFor="let item of bannerList" >
        <img [src]="item.img" />
        <div class="bannerIntro">
            <div class="bannerIntroTitle">{{item.title}}</div>
            <div class="bannerIntroNum">{{item.num}}</div>
        </div>
    </ion-slide>
</ion-slides>

onClickSlide() {
    //这边最坑
    this.slide1.getActiveIndex().then(index=>{
        console.log(index);
        let leng = this.bannerList.length;
        if (index>leng) {
          index=index-leng-1
        }else{
          index--;
        }
        console.log(index);
        let item = this.bannerList[index];
        console.log(item)
        this.gotoNewsDetail(item)
    });
}

slideTouchEnd() {
    if (this.slide1) {
      this.slide1.startAutoplay()
    }
}