其他分享
首页 > 其他分享> > Element 2.x 版本 Carousel 走马灯,当循环项长度为2时,循环动画的运行方向不能始终一致的问题处理

Element 2.x 版本 Carousel 走马灯,当循环项长度为2时,循环动画的运行方向不能始终一致的问题处理

作者:互联网

解决方法:手动构造出一个长度为4的循环列表;

// 主要相关代码
if(list.length === 2) {
    const lastItem = list[1];
    const firstItem = list[0];
    list.unshift(lastItem);
    list.push(firstItem);
}

如果不需要展示指示器,到此就可以了。如果需要,可以通过class + css 的方式进行处理,具体可参阅参考链接文章评论区的一楼来解决;

参考链接:https://blog.csdn.net/weixin_38312502/article/details/86512277

标签:链接,const,Carousel,list,Element,循环,firstItem,lastItem
来源: https://www.cnblogs.com/chaoyueqi/p/16453762.html