修改导出移动端的拖拽交互

src/component/Detail/habit.vue

@@ -90,7 +90,6 @@
                 <a-slider id="system_silder"
                     v-model:value="workspaceItem.systemDesignerPercentage"
                     @afterChange="systemDesigner"
-					:tooltip-visible="openType.slider"
 					:tip-formatter="formatter"
 				>
                 </a-slider>
@@ -615,6 +614,8 @@ export default defineComponent({
 			this.workspaceItem.systemDesignerPercentage = num
         },
 		formatter(value: number) {
+			// let num = Math.abs((value-50)*2)
+
 			return `${value}%`;
 		},
 

src/component/HomePage/ExportModel.vue

@@ -54,7 +54,7 @@
                         <div v-if="item[0] && key == 'colorBoards'" class="exportCanvasBox_intro">Color</div>
                         <div v-if="item[0] && key == 'sketchboardFiles'" class="exportCanvasBox_intro">Sketch</div>
                         <div v-if="item[0] && key == 'likeDesignCollectionList'" class="exportCanvasBox_intro">Selected Design</div>
-						<div class="exportCanvasBox_item_color" v-if="key == 'colorBoards'"  v-for="colorItem in item" draggable="true" @dragstart="onDragstart(key,colorItem)">
+						<div class="exportCanvasBox_item_color" v-if="key == 'colorBoards'"  v-for="colorItem in item" :class="{active:colorItem.checked}" draggable="true" @dragstart="onDragstart(key,colorItem)" @click="isMoible?setDragstart(key,colorItem):''">
 							<img src="" alt="">
 							<div class="exportCanvasBox_item_BGcolor" :style="{'background-color': 'rgb('+colorItem.rgbValue.r+','+colorItem.rgbValue.g+','+colorItem.rgbValue.b+')'}"></div>
 							<div>{{colorItem.tcx}}</div>
@@ -63,10 +63,11 @@
 
                         <div
                             class="exportCanvasBox_item"
-							:class="[key == 'disposeMoodboard'?'exportCanvasBox_item_dispose':'']"
                             v-for="imgItem in item"
+							:class="[key == 'disposeMoodboard'?'exportCanvasBox_item_dispose':'',imgItem?.checked?'active':'']"
 							draggable
 							@dragstart="onDragstart(key,imgItem)"
+							@click="isMoible?setDragstart(key,imgItem):''"
                         >
 							<div class="exportCanvasBox_img">
 								<!-- <div v-if="key == 'likeDesignCollectionList'">{{ imgItem.designOutfitUrl }}</div> -->
@@ -808,6 +809,18 @@ export default defineComponent({
 			currentType.value.type = type
 			currentType.value.data = imgItem
 		}
+		let present = {}
+		let setDragstart = (type,imgItem)=>{
+			currentType.value.type = type
+			present.checked = false
+			present = {}
+			if(imgItem.checked){
+			}else{
+				imgItem.checked = true
+				present = imgItem
+			}
+			currentType.value.data = imgItem
+		}
 		let canvasOnDrop = ()=>{
 			canvas.on('drop', (opt)=> {
 				let offset = {
@@ -1359,7 +1372,27 @@ export default defineComponent({
 		}
 		//设置再画布上按下
 		let setCanvasDown = (event)=>{
-
+			//设置移动端按下添加元素
+			if(isMoible && present.checked){
+				present.checked = false
+				present = {}
+				let pointerVpt = canvas.restorePointerVpt(event.pointer)
+				switch (currentType.value.type) {
+					case 'colorBoards':
+						let rect = setGroup(currentType.value.data)
+						setCanvasColor(pointerVpt.y, pointerVpt.x,rect)
+					break
+					case 'moodboardFiles':
+					createImage(pointerVpt.y, pointerVpt.x,currentType.value.type)
+					break
+					default :
+					createImage(pointerVpt.y, pointerVpt.x,currentType.value.type)
+					break
+				}
+				// 创建完元素，把当前操作的元素类型设置回 null
+				currentType.value.type = null
+				currentType.value.data = null
+			}
 			downPoint = event.absolutePointer
 			let arr = ['rect','line','circle','triangle','ellipse','fold']
 			if(arr.indexOf(operation.value) > -1){
@@ -1636,6 +1669,7 @@ export default defineComponent({
 			setCloseNav,//给图片导航或者工具收起来或者展开
 			multiselect,//获取整体高度
 			onDragstart,//拖拽函数
+			setDragstart,//的移动端拖拽改为按下
 			historyState,//执行撤回或者反撤回
 			operation,//设置当前鼠标状态绘画或者矩形或者移动
 			operationMode,//设置矩形是边框还是填充
@@ -1896,6 +1930,10 @@ export default defineComponent({
 							max-height: 100%;
 						}
 					}
+					.active{
+						opacity: .5;
+						transform: scale(.9);
+					}
                 }
             }
 			.exportCanvasBox_left_tool{