From 9110df9711be94cb970a652d0a43ba58f0df2077 Mon Sep 17 00:00:00 2001
From: yangchunlong <292345300@qq.com>
Date: Wed, 17 Sep 2025 14:37:55 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=9A=80=20=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=88=A0=E9=99=A4=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components.d.ts             |  5 ---
 src/components/Editor/index.vue | 66 ++++++++++++++++-----------------
 2 files changed, 31 insertions(+), 40 deletions(-)

diff --git a/src/components.d.ts b/src/components.d.ts
index 207249a..f365e5d 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -12,11 +12,8 @@ declare module "vue" {
         ElBreadcrumb: typeof import("element-plus/es")["ElBreadcrumb"];
         ElBreadcrumbItem: typeof import("element-plus/es")["ElBreadcrumbItem"];
         ElButton: typeof import("element-plus/es")["ElButton"];
-        ElCarousel: typeof import("element-plus/es")["ElCarousel"];
-        ElCarouselItem: typeof import("element-plus/es")["ElCarouselItem"];
         ElCheckbox: typeof import("element-plus/es")["ElCheckbox"];
         ElCheckboxGroup: typeof import("element-plus/es")["ElCheckboxGroup"];
-        ElColorPicker: typeof import("element-plus/es")["ElColorPicker"];
         ElContainer: typeof import("element-plus/es")["ElContainer"];
         ElDatePicker: typeof import("element-plus/es")["ElDatePicker"];
         ElDialog: typeof import("element-plus/es")["ElDialog"];
@@ -38,7 +35,6 @@ declare module "vue" {
         ElOption: typeof import("element-plus/es")["ElOption"];
         ElPagination: typeof import("element-plus/es")["ElPagination"];
         ElRadio: typeof import("element-plus/es")["ElRadio"];
-        ElRadioButton: typeof import("element-plus/es")["ElRadioButton"];
         ElRadioGroup: typeof import("element-plus/es")["ElRadioGroup"];
         ElScrollbar: typeof import("element-plus/es")["ElScrollbar"];
         ElSelect: typeof import("element-plus/es")["ElSelect"];
@@ -50,7 +46,6 @@ declare module "vue" {
         ElTabs: typeof import("element-plus/es")["ElTabs"];
         ElTag: typeof import("element-plus/es")["ElTag"];
         ElTooltip: typeof import("element-plus/es")["ElTooltip"];
-        ElTree: typeof import("element-plus/es")["ElTree"];
         ElTreeSelect: typeof import("element-plus/es")["ElTreeSelect"];
         ElUpload: typeof import("element-plus/es")["ElUpload"];
         IEpArrowDown: typeof import("~icons/ep/arrow-down")["default"];
diff --git a/src/components/Editor/index.vue b/src/components/Editor/index.vue
index 4391ad2..e0d5d1a 100644
--- a/src/components/Editor/index.vue
+++ b/src/components/Editor/index.vue
@@ -120,13 +120,9 @@
                         <div class="image-preview-container">
                             <div class="image-order-badge">{{ img.sortOrder + 1 }}</div>
                             <img :src="img.tempUrl" :alt="`图片 ${img.sortOrder + 1}`" class="preview-img" />
-                            <el-button
-                                :icon="Delete"
-                                size="small"
-                                type="default"
-                                class="circle-delete-btn"
-                                @click.stop="removeImage(img.customUid)"
-                            ></el-button>
+                            <div style="display: flex; justify-content: flex-end; padding: 6px">
+                                <el-button size="small" type="default" @click.stop="removeImage(img.customUid)">删除</el-button>
+                            </div>
                         </div>
                         <div class="image-info">
                             <span class="image-name">{{ img.name }}</span>
@@ -150,7 +146,7 @@
 </template>
 
 <script setup name="Editor">
-import { Delete } from "@element-plus/icons-vue";
+// import { Delete } from "@element-plus/icons-vue";
 import { QuillEditor, Quill } from "@vueup/vue-quill";
 import "@vueup/vue-quill/dist/vue-quill.snow.css";
 import { getCurrentInstance, reactive, ref, toRaw, computed, onMounted, nextTick } from "vue";
@@ -781,33 +777,33 @@ defineExpose({
 }
 
 // 圆形删除按钮
-.circle-delete-btn {
-    position: absolute;
-    top: -8px;
-    right: -8px;
-    z-index: 500;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 28px;
-    height: 28px;
-    padding: 0;
-    margin: 0;
-    color: white;
-    background-color: #ff4d4f;
-    border: none;
-    border-radius: 50%;
-    box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
-    transition: all 0.2s;
-    &:hover {
-        color: white;
-        background-color: #d93025;
-        transform: scale(1.1);
-    }
-    .el-icon {
-        font-size: 14px;
-    }
-}
+// .circle-delete-btn {
+//     position: absolute;
+//     top: -8px;
+//     right: -8px;
+//     z-index: 500;
+//     display: flex;
+//     align-items: center;
+//     justify-content: center;
+//     width: 28px;
+//     height: 28px;
+//     padding: 0;
+//     margin: 0;
+//     color: white;
+//     background-color: #ff4d4f;
+//     border: none;
+//     border-radius: 50%;
+//     box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
+//     transition: all 0.2s;
+//     &:hover {
+//         color: white;
+//         background-color: #d93025;
+//         transform: scale(1.1);
+//     }
+//     .el-icon {
+//         font-size: 14px;
+//     }
+// }
 .image-info {
     display: flex;
     align-items: center;