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; }