From ef251130a22eaf8a84ddcc77fa6ef7e8811eda09 Mon Sep 17 00:00:00 2001
From: gaoxq <376340421@qq.com>
Date: Thu, 2 Apr 2026 17:46:04 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=91=E6=96=87=E4=BB=B6=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E7=B3=BB=E7=BB=9F=E4=B8=8A=E4=BC=A0=E7=BB=84=E4=BB=B6=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web-vue/src/components/ChatDialog.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/web-vue/src/components/ChatDialog.vue b/web-vue/src/components/ChatDialog.vue
index e26e4c5..d78060f 100644
--- a/web-vue/src/components/ChatDialog.vue
+++ b/web-vue/src/components/ChatDialog.vue
@@ -119,15 +119,15 @@
                 <!-- 发送中 -->
                 <div v-if="msg.sending" class="message-bubble message-sending">
                   <template v-if="msg.tempType === 'image'">
-                    <div class="uploading-placeholder">
+                    <div class="uploading-mini">
                       <el-icon class="is-loading"><Loading /></el-icon>
-                      <span>图片发送中...</span>
+                      <span>发送中</span>
                     </div>
                   </template>
                   <template v-else-if="msg.tempType === 'file'">
-                    <div class="uploading-placeholder">
+                    <div class="uploading-mini">
                       <el-icon class="is-loading"><Loading /></el-icon>
-                      <span>{{ msg.fileName || '文件' }} 发送中...</span>
+                      <span>发送中</span>
                     </div>
                   </template>
                   <template v-else>{{ msg.content }}</template>
@@ -717,6 +717,9 @@ onUnmounted(() => { if (unsubscribeWs) unsubscribeWs() })
 .uploading-placeholder .el-icon { font-size: 32px; color: #409eff; }
 .uploading-placeholder span { font-size: 12px; }
 
+.uploading-mini { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; color: #409eff; font-size: 12px; background: #ecf5ff; border-radius: 4px; }
+.uploading-mini .el-icon { font-size: 14px; }
+
 .user-info-popover { display: flex; flex-direction: column; gap: 8px; padding: 8px 0; }
 .user-info-row { display: flex; gap: 8px; font-size: 12px; line-height: 1.5; }
 .user-info-label { font-weight: 500; min-width: 50px; color: #303133; }