From 5367ad61dbdbcf2883bae20456a821298b8da235 Mon Sep 17 00:00:00 2001
From: gaoxq <376340421@qq.com>
Date: Fri, 3 Apr 2026 17:23:12 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=81=8A=E5=A4=A9=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?=E6=8C=89=E9=92=AEtooltip=E6=98=BE=E7=A4=BA+=E7=82=B9=E5=87=BB?=
 =?UTF-8?q?=E7=94=9F=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web-vue/src/components/ChatDialog.vue | 27 ++++++++++++++-------------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/web-vue/src/components/ChatDialog.vue b/web-vue/src/components/ChatDialog.vue
index c82c4f7..f4e178b 100644
--- a/web-vue/src/components/ChatDialog.vue
+++ b/web-vue/src/components/ChatDialog.vue
@@ -39,19 +39,18 @@
               <div class="sidebar-item-name">{{ chat.name }}</div>
               <div class="sidebar-item-msg">{{ chat.lastMsg || '暂无消息' }}</div>
             </div>
-            <el-dropdown trigger="click" @command="(cmd) => handleChatAction(cmd, chat)" @click.stop>
-              <el-button link style="padding: 4px">
-                <el-icon><MoreFilled /></el-icon>
-              </el-button>
-              <template #dropdown>
-                <el-dropdown-menu>
-                  <el-dropdown-item command="delete">
-                    <el-icon><Delete /></el-icon>
-                    删除会话
-                  </el-dropdown-item>
-                </el-dropdown-menu>
-              </template>
-            </el-dropdown>
+            <el-tooltip content="删除会话" placement="top">
+              <el-dropdown trigger="click" @command="(cmd) => handleChatAction(cmd, chat)">
+                <span class="chat-action-btn">
+                  <el-icon><MoreFilled /></el-icon>
+                </span>
+                <template #dropdown>
+                  <el-dropdown-menu>
+                    <el-dropdown-item command="delete">删除会话</el-dropdown-item>
+                  </el-dropdown-menu>
+                </template>
+              </el-dropdown>
+            </el-tooltip>
           </div>
           <div v-if="recentChats.length === 0" class="sidebar-empty">暂无最近聊天</div>
         </div>
@@ -697,6 +696,8 @@ onUnmounted(() => { if (unsubscribeWs) unsubscribeWs() })
 .sidebar-item-status { font-size: 12px; color: #909399; }
 .sidebar-item-status.online { color: #67c23a; }
 .sidebar-empty { padding: 20px; text-align: center; color: #909399; font-size: 12px; }
+.chat-action-btn { display: flex; align-items: center; cursor: pointer; padding: 4px; border-radius: 4px; color: #909399; transition: all 0.2s; }
+.chat-action-btn:hover { color: #409eff; background: #f0f9ff; }
 
 .chat-main { flex: 1; display: flex; flex-direction: column; }
 .chat-header { display: flex; align-items: center; gap: 8px; padding: 12px; border-bottom: 1px solid #e4e7ed; }