百度ecahrts和swiper一起使用loop复制slide导致图表不展示的问题解决

由于老项目用的swiper3,所以这里贴出来的是swiper3的配置项,swiper4的参照下面的稍作修改即可(原理就是通过回调自己手动控制)

autoplay: 0,
loop: false,
onInit: swiper => {
    setTimeout(() => {
        swiper.slideNext();
    }, 1500);
},
onSlideChangeEnd: swiper => {
    if (swiper.activeIndex === 1) {
        let dom = swiper.slides[0];
        swiper.removeSlide(0);
        swiper.appendSlide(dom);
        swiper.activeIndex = 0;
        swiper.update();
        setTimeout(() => {
            swiper.slideNext();
        }, 1500);
    }
}

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理