图一
图二
如图一所示,需求是比如在点击第四个选项时,会自动移至前方,并显示出下一个选项,到图二效果
由于scrollLeft 不是css中的属性,所以用css无法解决
思路:
将需要移动的距离均分,设置定时器每隔一段时间移动一点,直到 移动至目标距离为止,下面直接上代码
// html
<div class="scrollView" ref="idSwiperImg">
<div class="chooseImgItem" @click="tabClick(index)" v-for="(item, index) in normalData" :key="index" ref="imgList">
<van-image :src="item.pic[0].url" fit=</