From b26fc58436ebd5f02d836576afe8f4bc1ee1c97f Mon Sep 17 00:00:00 2001
From: yml2213 <a2213290201@gmail.com>
Date: Wed, 15 Jul 2026 12:47:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=AE=BF=E5=AE=A2=E8=81=8A?=
 =?UTF-8?q?=E5=A4=A9=E7=AA=97=E5=8F=A3=EF=BC=9A=E5=B1=95=E7=A4=BA=E6=B6=88?=
 =?UTF-8?q?=E6=81=AF=E6=97=B6=E9=97=B4=E5=B9=B6=E7=A7=BB=E9=99=A4=E8=A3=85?=
 =?UTF-8?q?=E9=A5=B0=E8=93=9D=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 访客/客服气泡下方显示发送时间
- 去掉输入区顶部无用的蓝色渐变条
---
 web/src/widgets/VisitorChat.tsx | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/web/src/widgets/VisitorChat.tsx b/web/src/widgets/VisitorChat.tsx
index 28672a9..5ec5ae9 100644
--- a/web/src/widgets/VisitorChat.tsx
+++ b/web/src/widgets/VisitorChat.tsx
@@ -466,7 +466,7 @@ const VisitorChat = ({
 
         {messages.map(msg => (
           msg.sender === 'visitor' ? (
-            <div key={msg.id} className="flex justify-end max-w-[85%] ml-auto">
+            <div key={msg.id} className="flex flex-col items-end max-w-[85%] ml-auto gap-1">
               <div className={`rounded-xl bg-[#2563eb] text-white text-[13px] leading-normal ${msg.type === 'image' ? 'p-1.5' : 'px-4 py-3'}`}>
                 {msg.type === 'image' ? (
                   <ChatImage src={msg.content} alt="图片" className="max-w-[180px] max-h-[180px]" />
@@ -474,17 +474,25 @@ const VisitorChat = ({
                   <p className="m-0 whitespace-pre-wrap break-words">{msg.content}</p>
                 )}
               </div>
+              {msg.time && (
+                <span className="text-[11px] text-neutral-400 pr-0.5">{msg.time}</span>
+              )}
             </div>
           ) : (
             <div key={msg.id} className="flex gap-2 max-w-[85%]">
               <div className="w-8 h-8 rounded-full bg-neutral-200 flex items-center justify-center shrink-0 mt-0.5">
                 <CustomerServiceOutlined className="text-xs text-neutral-500" />
               </div>
-              <div className={`rounded-xl bg-white border border-neutral-200 text-[13px] text-neutral-800 leading-normal ${msg.type === 'image' ? 'p-1.5' : 'px-4 py-3'}`}>
-                {msg.type === 'image' ? (
-                  <ChatImage src={msg.content} alt="图片" className="max-w-[180px] max-h-[180px]" />
-                ) : (
-                  <p className="m-0 whitespace-pre-wrap break-words">{msg.content}</p>
+              <div className="min-w-0 flex flex-col gap-1">
+                <div className={`rounded-xl bg-white border border-neutral-200 text-[13px] text-neutral-800 leading-normal ${msg.type === 'image' ? 'p-1.5' : 'px-4 py-3'}`}>
+                  {msg.type === 'image' ? (
+                    <ChatImage src={msg.content} alt="图片" className="max-w-[180px] max-h-[180px]" />
+                  ) : (
+                    <p className="m-0 whitespace-pre-wrap break-words">{msg.content}</p>
+                  )}
+                </div>
+                {msg.time && (
+                  <span className="text-[11px] text-neutral-400 pl-0.5">{msg.time}</span>
                 )}
               </div>
             </div>
@@ -509,11 +517,7 @@ const VisitorChat = ({
         <div ref={chatEndRef} />
       </section>
 
-      <footer className="shrink-0 relative px-4 py-3 bg-white border-t border-neutral-200">
-        <div
-          className="absolute top-0 left-0 right-0 h-[3px] pointer-events-none opacity-40"
-          style={{ background: 'linear-gradient(90deg, transparent 0%, #2563eb 50%, transparent 100%)' }}
-        />
+      <footer className="shrink-0 px-4 py-3 bg-white border-t border-neutral-200">
         {sendError && <div className="mb-2 text-xs text-red-500">{sendError}</div>}
 
         {!agentsOnline && !sessionEnded && (