From 7d55a3963513c698c6ecaeb601260083a1680e17 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Mon, 27 Oct 2025 19:11:33 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E3=80=90mall=E3=80=91diy=20editor?=
 =?UTF-8?q?=20=E7=9A=84=20=E2=80=9C=E5=8F=B3=E4=BE=A7=E6=93=8D=E4=BD=9C?=
 =?UTF-8?q?=E5=8C=BA=E2=80=9D=20=E6=93=8D=E4=BD=9C=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E7=9A=84=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../promotion/components/diy-editor/index.vue | 24 ++++++-------------
 1 file changed, 7 insertions(+), 17 deletions(-)

diff --git a/apps/web-ele/src/views/mall/promotion/components/diy-editor/index.vue b/apps/web-ele/src/views/mall/promotion/components/diy-editor/index.vue
index ef117cff8..4df691994 100644
--- a/apps/web-ele/src/views/mall/promotion/components/diy-editor/index.vue
+++ b/apps/web-ele/src/views/mall/promotion/components/diy-editor/index.vue
@@ -306,20 +306,19 @@ onMounted(() => {
           <span>{{ title }}</span>
         </div>
         <!-- 右侧操作区 -->
-        <div class="header-right">
-          <!-- TODO @AI：按钮之间有空隙； -->
-          <ElTooltip title="重置">
-            <ElButton @click="handleReset">
+        <div>
+          <ElTooltip content="重置">
+            <ElButton class="!m-0 !border-l !border-r-0" @click="handleReset">
               <IconifyIcon :size="24" icon="system-uicons:reset-alt" />
             </ElButton>
           </ElTooltip>
-          <ElTooltip v-if="previewUrl" title="预览">
-            <ElButton @click="handlePreview">
+          <ElTooltip v-if="previewUrl" content="预览">
+            <ElButton class="!m-0 !border-l !border-r-0" @click="handlePreview">
               <IconifyIcon :size="24" icon="ep:view" />
             </ElButton>
           </ElTooltip>
-          <ElTooltip title="保存">
-            <ElButton @click="handleSave">
+          <ElTooltip content="保存">
+            <ElButton class="!m-0 !border-l !border-r-0" @click="handleSave">
               <IconifyIcon :size="24" icon="ep:check" />
             </ElButton>
           </ElTooltip>
@@ -514,15 +513,6 @@ $phone-width: 375px;
     background-color: var(--el-bg-color);
     border-bottom: solid 1px var(--el-border-color);
 
-    /* 工具栏：右侧按钮 */
-    .header-right {
-      height: 100%;
-
-      .el-button {
-        height: 100%;
-      }
-    }
-
     /* 隐藏工具栏按钮的边框 */
     :deep(.el-radio-button__inner),
     :deep(.el-button) {