语言适配加部分布局修改

src/views/HomeView/HomeView.vue

@@ -115,7 +115,7 @@
 												)"
 											@dragstart="dragstart($event, index)"
 											@dragover.prevent 
-											@drop="dragDrop($event, index)">
+											@drop="dragDrop($event, index,likeDesignCollectionList)">
 											<div class="content_img_flex">
 												<img class="content_img" :src="design.designOutfitUrl"
 													:key="design.designOutfitUrl" />
@@ -133,7 +133,7 @@
 											</div> 
 										</div>
 										<!-- </draggable> -->
-										<div class="content_img_block" :style="collStyle" v-for="(
+										<div class="content_img_block" :style="collStyle" draggable v-for="(
 												design, index
 											) in designCollectionList" :key="design?.designItemId">
 												<div class="content_img_flex" 
@@ -144,8 +144,10 @@
 														index,
 														designCollectionList,
 														'dislike'
-													)
-												">
+													)"
+												@dragstart="dragstart($event, index)"
+												@dragover.prevent 
+												@drop="dragDrop($event, index,designCollectionList)">
 													<img class="content_img" :src="design.designOutfitUrl" />
 												</div> 
 												<div class="icon iconfont icon-jushoucang icon_like" :class="[driver__.driver?index == 0?driver__.index == 32?'Guide_img showEvents':'':'':'']" @click.stop="
@@ -155,6 +157,13 @@
 													)
 													">
 												</div>
+												<i class="fi fi-rr-trash icon_delete" @click.stop="
+													deleteDesignCollection(
+														designCollectionList,
+														index
+													)
+													">
+												</i>
 										</div>
 									
 									</div>
@@ -278,10 +287,8 @@ export default defineComponent({
 		}
 	},
 	 activated() {
-    console.log('Home component activated');
   },
   deactivated() {
-    console.log('Home component deactivated');
   },
 	setup(props,{emit}) {
 		const store = useStore();
@@ -597,9 +604,10 @@ export default defineComponent({
 			
 		this.dragIdx = index
 		},
-		dragDrop (e:any, index:any) {
-		let _teams = this.likeDesignCollectionList  //将hotteams存起来
+		dragDrop (e:any, index:any,list:any) {
+		let _teams = list  //将hotteams存起来
 		let _dragitem = _teams[this.dragIdx]  //将被拖拽的那条数据存起来
+		if(!_dragitem)return
 		_teams.splice(this.dragIdx, 1)      //删除被拖拽的那条数据
 		_teams.splice(index, 0, _dragitem)  //将被拖拽的那条数据放到数组中指定的位置
 		},
@@ -953,7 +961,9 @@ export default defineComponent({
 			});
 			return colorBoards;
 		},
-
+		deleteDesignCollection(list:any,index:any){
+			list.splice(index,1)
+		},
 		likeDesignCollection(design: any, index: any) {
 			let data = {
 				designItemId: design.designItemId,
@@ -1586,7 +1596,7 @@ export default defineComponent({
 									vertical-align: top;
 									flex-shrink: 0;
 									max-height: 100%;
-									&:hover .icon_like {
+									&:hover .icon_like,&:hover .icon_delete {
 										display: block;
 									}
 
@@ -1604,7 +1614,7 @@ export default defineComponent({
 										
 									}
 									&.active{
-										.icon_like{
+										.icon_like,.icon_delete{
 											display: block;
 										}
 										.content_img_flex {
@@ -1612,12 +1622,14 @@ export default defineComponent({
 										}
 									}
 									.content_img {
-										max-width: 100%;
-										max-height: 100%;
+										// max-width: 100%;
+										width: 100%;
+										height: 100%;
+										// max-height: 100%;
 										object-fit: contain;
 									}
 
-									.icon_like {
+									.icon_like,.icon_delete {
 										font-size: 2.4rem;
 										top: 1rem;
 										right: 1rem;
@@ -1625,7 +1637,9 @@ export default defineComponent({
 										cursor: pointer;
 										display: none;
 									}
-
+									.icon_delete{
+										top: 5rem;
+									}
 									.icon-jushoucang {
 										color: #000;
 									}