From c8cf012bfdf021e8803d871c4d86bd7d43a69e0f Mon Sep 17 00:00:00 2001
From: gaoxq <376340421@qq.com>
Date: Thu, 2 Apr 2026 17:28:53 +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 | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/web-vue/src/components/ChatDialog.vue b/web-vue/src/components/ChatDialog.vue
index d8655f3..e26e4c5 100644
--- a/web-vue/src/components/ChatDialog.vue
+++ b/web-vue/src/components/ChatDialog.vue
@@ -181,7 +181,7 @@
             </el-button>
           </el-tooltip>
           <el-tooltip content="表情">
-            <el-popover placement="top" :width="400" trigger="click" v-model:visible="emojiVisible">
+            <el-popover placement="top" :width="440" :height="280" trigger="click" v-model:visible="emojiVisible">
               <template #reference>
                 <el-button link style="font-size:18px">😊</el-button>
               </template>
@@ -709,10 +709,14 @@ onUnmounted(() => { if (unsubscribeWs) unsubscribeWs() })
 .chat-input-area :deep(.el-textarea) { flex: 1; }
 .send-btn { align-self: flex-end; }
 
-.emoji-panel { display: grid; grid-template-columns: repeat(10, 1fr); gap: 8px; }
+.emoji-panel { display: grid; grid-template-columns: repeat(10, 1fr); gap: 6px; padding: 4px; }
 .emoji-item { font-size: 20px; cursor: pointer; text-align: center; padding: 4px; border-radius: 4px; transition: all 0.2s; }
 .emoji-item:hover { background: #f0f0f0; transform: scale(1.2); }
 
+.uploading-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 20px; color: #909399; }
+.uploading-placeholder .el-icon { font-size: 32px; color: #409eff; }
+.uploading-placeholder span { font-size: 12px; }
+
 .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; }