library generate增加删除和拖拽移动位置功能 图片放大添加键盘事件调整按钮大小

src/component/HomePage/Generate.vue

@@ -137,7 +137,7 @@
 				<!-- <img v-show="item.status != 'Success'" src="@/assets/images/homePage/loading.gif" alt=""> -->
 				<img v-lazy="item.imgUrl" @click.stop="generageAdd(item)">
 				<div
-					class="delete_like_file_block"
+					class="delete_like_file_block left1"
 					:class="[driver__.driver?'hideEvents':'']"
 				>
 					<i v-if="!item.like" class="fi fi-rr-heart" @click.stop="likeFile(item,'like')"></i>
@@ -146,7 +146,9 @@
 				<div class="delete_like_file_block left"  :class="[driver__.driver?'hideEvents':'']">
 					<i class="fi fi-bs-expand-arrows-alt" @click.stop="scaleImage(index)"></i>
 				</div>
-
+				<div class="delete_like_file_block" :title="t('LibraryPage.Delete')" @click.stop="deleteGenerate(index)">
+					<span class="icon iconfont icon-shanchu operate_icon"></span>
+				</div>
             </div>
 			
         </div>
@@ -160,8 +162,8 @@
 </template>
 <script lang="ts">
 import { LoadingOutlined } from "@ant-design/icons-vue";
-import { message, Upload } from "ant-design-vue";
-import { defineComponent, computed, h, ref, nextTick, inject } from "vue";
+import { message, Upload, Modal } from "ant-design-vue";
+import { defineComponent, computed, createVNode, h, ref, nextTick, inject } from "vue";
 import { Https } from "@/tool/https";
 import { useStore } from "vuex";
 import GO from "@/tool/GO";
@@ -169,6 +171,7 @@ import { getCookie } from "@/tool/cookie";
 import { getUploadUrl } from "@/tool/util";
 // import { forEach } from "jszip";
 import scaleImage from "@/component/HomePage/scaleImage.vue";
+import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import { openGuide,driverObj__,driverIndex__ } from "@/tool/guide";
 import { useI18n } from "vue-i18n";
 export default defineComponent({
@@ -784,7 +787,21 @@ export default defineComponent({
 				).catch(res=>{
 				});
 			}
-			
+		},
+		deleteGenerate(index:any){
+			if(this.isGenerate)return
+			let _this = this
+            Modal.confirm({
+                title: this.t('LibraryPage.jsContent1'),
+                icon: createVNode(ExclamationCircleOutlined),
+                okText: 'Yes',
+                cancelText: 'No',
+				mask:false,
+                centered:true,
+                onOk() {
+					_this.fileList.splice(index,1)
+                }
+            });
 		},
 		scaleImage(index:any){
 			let scaleImage:any = this.$refs.scaleImage
@@ -914,24 +931,6 @@ export default defineComponent({
                 width: calc(10rem*1.2);
                 height: calc(10rem*1.2);
             }
-			.delete_like_file_block{
-				top: calc(0.9rem*1.2);
-				right: calc(0.9rem*1.2);
-				&.left{
-					left: calc(.9rem*1.2);
-				}
-				i{
-					font-size: calc(1.6rem*1.2);
-					color: #fff;
-					&.fi-rr-heart{
-
-					}
-					&.fi-sr-heart{
-						color: red;
-					}
-				}
-				
-			}
 			&:hover .delete_like_file_block{
 				display: block;
 			}