拖拽验证移动端兼容性修改

Signed-off-by: YaChengMu <1140049363@qq.com>

Web/src/components/dragVerify/dragVerify.vue

@@ -1,6 +1,6 @@
 <template>
 	<div ref="dragVerify" class="drag_verify" :style="dragVerifyStyle" @mousemove="dragMoving" @mouseup="dragFinish"
-		@mouseleave="dragFinish" @touchmove="dragMoving" @touchend="dragFinish">
+		@mouseleave="dragFinish" @touchmove.prevent="dragMoving" @touchend.prevent="dragFinish">
 
 		<div class="dv_progress_bar" :class="{goFirst2:isOk}" ref="progressBar" :style="progressBarStyle">
 
@@ -11,7 +11,7 @@
 			<slot name="textAfter" v-if="$slots.textAfter"></slot>
 		</div>
 
-		<div class="dv_handler dv_handler_bg" :class="{goFirst:isOk}" @mousedown="dragStart" @touchstart="dragStart"
+		<div class="dv_handler dv_handler_bg" :class="{goFirst:isOk}" @mousedown="dragStart" @touchstart.prevent="dragStart"
 			ref="handler" :style="handlerStyle">
 			<i :class="handlerIcon"></i>
 		</div>

Web/src/components/dragVerify/dragVerifyImg.vue

@@ -12,7 +12,7 @@
 			<div class="tips danger" v-if="showTips && !isPassing && showErrorTip">{{failTip}}</div>
 		</div>
 		<div ref="dragVerify" class="drag_verify" :style="dragVerifyStyle" @mousemove="dragMoving" @mouseup="dragFinish"
-			@mouseleave="dragFinish" @touchmove="dragMoving" @touchend="dragFinish">
+			@mouseleave="dragFinish" @touchmove.prevent="dragMoving" @touchend.prevent="dragFinish">
 
 			<div class="dv_progress_bar" :class="{goFirst2:isOk}" ref="progressBar" :style="progressBarStyle">
 				{{successMessage}}
@@ -21,7 +21,7 @@
 				{{message}}
 			</div>
 
-			<div class="dv_handler dv_handler_bg" :class="{goFirst:isOk}" @mousedown="dragStart" @touchstart="dragStart"
+			<div class="dv_handler dv_handler_bg" :class="{goFirst:isOk}" @mousedown="dragStart" @touchstart.prevent="dragStart"
 				ref="handler" :style="handlerStyle">
 				<i :class="handlerIcon"></i>
 			</div>

Web/src/components/dragVerify/dragVerifyImgChip.vue

@@ -11,7 +11,7 @@
       <div class="tips danger" v-if="showTips && !isPassing && showErrorTip">{{failTip}}</div>
     </div>
     <div ref="dragVerify" class="drag_verify" :style="dragVerifyStyle" @mousemove="dragMoving" @mouseup="dragFinish"
-      @mouseleave="dragFinish" @touchmove="dragMoving" @touchend="dragFinish">
+      @mouseleave="dragFinish" @touchmove.prevent="dragMoving" @touchend.prevent="dragFinish">
 
       <div class="dv_progress_bar" :class="{goFirst2:isOk}" ref="progressBar" :style="progressBarStyle">
         {{successMessage}}
@@ -20,7 +20,7 @@
         {{message}}
       </div>
 
-      <div class="dv_handler dv_handler_bg" :class="{goFirst:isOk}" @mousedown="dragStart" @touchstart="dragStart"
+      <div class="dv_handler dv_handler_bg" :class="{goFirst:isOk}" @mousedown="dragStart" @touchstart.prevent="dragStart"
         ref="handler" :style="handlerStyle">
         <i :class="handlerIcon"></i>
       </div>

Web/src/components/dragVerify/dragVerifyImgRotate.vue

@@ -7,7 +7,7 @@
 			<div class="tips danger" v-if="showTips && !isPassing && showErrorTip">{{failTip}}</div>
 		</div>
 		<div ref="dragVerify" class="drag_verify" :style="dragVerifyStyle" @mousemove="dragMoving" @mouseup="dragFinish"
-			@mouseleave="dragFinish" @touchmove="dragMoving" @touchend="dragFinish">
+			@mouseleave="dragFinish" @touchmove.prevent="dragMoving" @touchend.prevent="dragFinish">
 			<div class="dv_progress_bar" :class="{goFirst2:isOk}" ref="progressBar" :style="progressBarStyle">
 				{{successMessage}}
 			</div>
@@ -15,7 +15,7 @@
 				{{message}}
 			</div>
 
-			<div class="dv_handler dv_handler_bg" :class="{goFirst:isOk}" @mousedown="dragStart" @touchstart="dragStart"
+			<div class="dv_handler dv_handler_bg" :class="{goFirst:isOk}" @mousedown="dragStart" @touchstart.prevent="dragStart"
 				ref="handler" :style="handlerStyle" style="background-color: var(--el-color-primary);">
 				<i :class="handlerIcon" style="color: #FFF;"></i>
 			</div>