解决方法:
初始化的时候, 复制第一位图片放在最后一位;复制原来最后一位图片, 放到第一位.当然如果你只往右切换, 则不用将第一位放在最后一位.示例如下(数字代表图片顺序):
初始排列:
|1|2|...this.totalLength = this.swiperItemList.length // 轮播图个数
this.delay = delay
this.init()
}
2.初始化函数
复制第一位图片放在最后一位...;复制原来最后一位图片, 放到第一位;即 12345 => 5123451....随后, 将轮播图显示的位置定在第一张图片位置, 即1的位置
currentPosition变量用于标记当前滚动的图片
init () {
// 将轮播图第一项克隆, 并放在最后
const cloneFirst...滚动的延时使用设定的delay, 延时结束后, 清除过渡动画(过渡动画的清除, 主要给后面最后一位跳到第一位时用)和isAnimating标记
goSlider () {
// 添加过渡效果, delay