From c0fe164710e41ab73db08a2b369c2678143478f0 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Wed, 19 Nov 2025 20:31:33 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91=E3=80=90ai?=
 =?UTF-8?q?=E3=80=91chat/index=EF=BC=9A=E4=BF=AE=E5=A4=8D=E5=B0=8F?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E4=B9=8B=E9=97=B4=E7=9A=84=E9=97=B4=E9=9A=99?=
 =?UTF-8?q?=E4=B8=8D=E7=94=9F=E6=95=88=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-ele/src/views/ai/chat/index/index.vue     | 10 +++++-----
 .../views/ai/chat/index/modules/message/list.vue   | 14 ++++++--------
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/apps/web-ele/src/views/ai/chat/index/index.vue b/apps/web-ele/src/views/ai/chat/index/index.vue
index 75d040859..745d68eac 100644
--- a/apps/web-ele/src/views/ai/chat/index/index.vue
+++ b/apps/web-ele/src/views/ai/chat/index/index.vue
@@ -578,26 +578,26 @@ onMounted(async () => {
             <ElButton
               type="primary"
               plain
-              class="px-2"
+              class="!px-2"
               size="small"
               @click="openChatConversationUpdateForm"
             >
               <span v-html="activeConversation?.modelName"></span>
-              <IconifyIcon icon="lucide:settings" class="ml-2 size-4" />
+              <IconifyIcon icon="lucide:settings" class="!ml-2 size-4" />
             </ElButton>
             <ElButton
               size="small"
-              class="px-2"
+              class="!ml-0 !px-2"
               @click="handlerMessageClear"
             >
               <IconifyIcon icon="lucide:trash-2" color="#787878" />
             </ElButton>
-            <ElButton size="small" class="px-2">
+            <ElButton size="small" class="!ml-0 !px-2">
               <IconifyIcon icon="lucide:download" color="#787878" />
             </ElButton>
             <ElButton
               size="small"
-              class="px-2"
+              class="!ml-0 !px-2"
               @click="handleGoTopMessage"
             >
               <IconifyIcon icon="lucide:arrow-up" color="#787878" />
diff --git a/apps/web-ele/src/views/ai/chat/index/modules/message/list.vue b/apps/web-ele/src/views/ai/chat/index/modules/message/list.vue
index 72a47edd4..d6cf102c7 100644
--- a/apps/web-ele/src/views/ai/chat/index/modules/message/list.vue
+++ b/apps/web-ele/src/views/ai/chat/index/modules/message/list.vue
@@ -153,9 +153,8 @@ onMounted(async () => {
             />
           </div>
           <div class="mt-2 flex flex-row">
-            <!-- TODO @AI：按钮之间，空隙太大 -->
             <ElButton
-              class="flex items-center bg-transparent px-1.5 hover:bg-gray-100"
+              class="!ml-1 flex items-center bg-transparent !px-1.5 hover:bg-gray-100"
               text
               @click="copyContent(item.content)"
             >
@@ -163,7 +162,7 @@ onMounted(async () => {
             </ElButton>
             <ElButton
               v-if="item.id > 0"
-              class="flex items-center bg-transparent px-1.5 hover:bg-gray-100"
+              class="!ml-1 flex items-center bg-transparent !px-1.5 hover:bg-gray-100"
               text
               @click="handleDelete(item.id)"
             >
@@ -197,30 +196,29 @@ onMounted(async () => {
             </div>
           </div>
           <div class="mt-2 flex flex-row-reverse">
-            <!-- TODO @AI：按钮之间，空隙太大 -->
             <ElButton
-              class="flex items-center bg-transparent px-1.5 hover:bg-gray-100"
+              class="!ml-1 flex items-center bg-transparent !px-1.5 hover:bg-gray-100"
               text
               @click="copyContent(item.content)"
             >
               <IconifyIcon icon="lucide:copy" />
             </ElButton>
             <ElButton
-              class="flex items-center bg-transparent px-1.5 hover:bg-gray-100"
+              class="!ml-1 flex items-center bg-transparent !px-1.5 hover:bg-gray-100"
               text
               @click="handleDelete(item.id)"
             >
               <IconifyIcon icon="lucide:trash" />
             </ElButton>
             <ElButton
-              class="flex items-center bg-transparent px-1.5 hover:bg-gray-100"
+              class="!ml-1 flex items-center bg-transparent !px-1.5 hover:bg-gray-100"
               text
               @click="handleRefresh(item)"
             >
               <IconifyIcon icon="lucide:refresh-cw" />
             </ElButton>
             <ElButton
-              class="flex items-center bg-transparent px-1.5 hover:bg-gray-100"
+              class="!ml-1 flex items-center bg-transparent !px-1.5 hover:bg-gray-100"
               text
               @click="handleEdit(item)"
             >