浏览代码

修复第三题滑动问题

zjs_project 1 年之前
父节点
当前提交
1cc42bdbb3
共有 2 个文件被更改,包括 4 次插入2 次删除
  1. 2 2
      src/pages/webgl_rxdz_env/webgl_rxdz_env.html
  2. 2 0
      src/pages/webgl_rxdz_env/webgl_rxdz_env.vue

+ 2 - 2
src/pages/webgl_rxdz_env/webgl_rxdz_env.html

@@ -7,8 +7,8 @@
         <div class="master-pic" v-if="aiImagesList && aiImagesList.length>0">
         	<el-carousel :autoplay="false" :loop="false" :indicator-dots="false"
 				:initial-index="currentIndex"
-        		@change="swiperChangeImg" class="master-pic-swiper" arrow="none"
-        		 ref="carousel" indicator-position="none">
+        		@change="swiperChangeImg" class="master-pic-swiper" arrow="always"
+        		ref="carousel" indicator-position="none">
 				<!-- <el-carousel-item class="master-pic-item rows justify-center">
 				    <img @touchstart="mytouchstart" @touchmove="mytouchmove" @touchend="mytouchend" 
 					class="master-pic-img" :src="firstImg" mode="aspectFill" />

+ 2 - 0
src/pages/webgl_rxdz_env/webgl_rxdz_env.vue

@@ -94,6 +94,7 @@
 			rightScroll() { //右滑
 				if (this.currentIndex <= (this.aiImagesList.length - 1) && this.currentIndex > 0) {
 					this.$refs.carousel.prev();
+					this.$forceUpdate()
 				}
 			},
 			leftScroll() { //继续生成
@@ -212,6 +213,7 @@
 				//替换对应的队列为选中的选项的数组对象
 				this.aiImagesList = this.options[this.optionIndex].hardboundEffect;
 				this.currentIndex = 0;
+				this.$refs.carousel.setActiveItem(0); //切换到第一张
 				console.warn("***changeOption***", this.tabData,this.AIImg,this.subDataList)
 				// let param = {
 				// 	type: 'CLK', //埋点类型