From 7677bb745900c688d893edce9b14aa3c3c64fa6d Mon Sep 17 00:00:00 2001
From: no99 <17663930442@163.com>
Date: Fri, 15 Aug 2025 16:01:23 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=BA=E5=AE=9D=E5=A5=87=E5=85=B5=E5=A4=A7?=
 =?UTF-8?q?=E6=A8=A1=E5=9E=8B=E7=94=A8=E6=88=B7=E4=BF=A1=E6=81=AF=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E5=8F=91=E9=80=81=E6=97=B6=E9=97=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/AIchat.vue | 64 ++++++++++++++++++++++++++++++++++++----------------
 1 file changed, 45 insertions(+), 19 deletions(-)

diff --git a/src/views/AIchat.vue b/src/views/AIchat.vue
index 7493739..f266cd5 100644
--- a/src/views/AIchat.vue
+++ b/src/views/AIchat.vue
@@ -4411,23 +4411,30 @@ onUnmounted(() => {
     <div v-for="(msg, index) in chatMsg" :key="index">
       <!-- 用户消息容器，包含喇叭按钮 -->
       <div v-if="msg.sender === 'user'" class="user-message-container">
-        <img
-          :src="msg.audioStatus ? voice : voiceNoActive"
-          class="user-message-speaker"
-          :class="{
-            'speaker-active': msg.audioStatus,
-          }"
-          @click="toggleVoiceForUser(index)"
-          alt="喇叭"
-        />
-        <div
-          :class="{
-            'message-bubble': true,
-            [msg.sender]: msg.sender,
-            [msg.class]: msg.class,
-          }"
-        >
-          <div v-html="msg.content"></div>
+        <div class="user-msg">
+          <div class="user-content">
+            <img
+              :src="msg.audioStatus ? voice : voiceNoActive"
+              class="user-message-speaker"
+              :class="{
+                'speaker-active': msg.audioStatus,
+              }"
+              @click="toggleVoiceForUser(index)"
+              alt="喇叭"
+            />
+            <div
+              :class="{
+                'message-bubble': true,
+                [msg.sender]: msg.sender,
+                [msg.class]: msg.class,
+              }"
+            >
+              <div v-html="msg.content"></div>
+            </div>
+          </div>
+          <div class="user-sendTime">
+            {{moment(msg.timestamp).format("YYYY-MM-DD HH:mm:ss")}}
+          </div>
         </div>
       </div>
 
@@ -4712,18 +4719,37 @@ p {
 /* 用户消息容器样式 */
 .user-message-container {
   display: flex;
-  align-items: flex-start;
+  /* align-items: flex-start; */
   margin: 10px 0px;
   justify-content: flex-end;
   gap: 10px;
+  /* align-items: center; */
+  flex-direction: column;
+}
+
+.user-msg {
+  margin-left: auto;
+}
+
+.user-content {
+  display: flex;
+  height: 100%;
   align-items: center;
+  margin-right: 5px;
+}
+
+.user-sendTime{
+  width: 100%;
+  text-align: center;
+  color: rgba(255, 255, 255, 0.6);
+  font-size: 0.8rem;
 }
 
 .user-message-speaker {
   width: 32px;
   height: 32px;
   object-fit: contain;
-  margin-top: 5px;
+  margin-right: 5px;
   cursor: pointer;
   transition: all 0.3s ease;
 }