From f03649146f702674cf4d2466fd02f314fa668195 Mon Sep 17 00:00:00 2001 From: zyxucp <286513187@qq.com> Date: Sun, 5 Oct 2025 16:11:24 +0800 Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E8=81=8A=E5=A4=A9=E6=B0=94?= =?UTF-8?q?=E6=B3=A1=E5=B0=BE=E9=83=A8=E6=A0=B7=E5=BC=8F=E4=BB=A5=E4=BC=98?= =?UTF-8?q?=E5=8C=96=E5=A4=96=E8=A7=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 修改了`.chat-bubble.received::after`和`.chat-bubble.sent::after`伪元素的定位方式,将`bottom`替换为`top`,并调整了宽度从`16px`到`18px`。更新了`clip-path`属性以改进尾部形状,同时调整了`left`和`right`的偏移值以优化位置。 --- src/AntSK/Pages/ChatPage/Chat.razor | 2 +- src/AntSK/Pages/ChatPage/Components/ChatView.razor | 13 +++++++------ 2 files changed, 8 insertions(+), 7 deletions(-) diff --git a/src/AntSK/Pages/ChatPage/Chat.razor b/src/AntSK/Pages/ChatPage/Chat.razor index 4600488..f70835a 100644 --- a/src/AntSK/Pages/ChatPage/Chat.razor +++ b/src/AntSK/Pages/ChatPage/Chat.razor @@ -37,7 +37,7 @@ - 调试结果 + 知识溯源 diff --git a/src/AntSK/Pages/ChatPage/Components/ChatView.razor b/src/AntSK/Pages/ChatPage/Components/ChatView.razor index 3ea52e8..9557ec1 100644 --- a/src/AntSK/Pages/ChatPage/Components/ChatView.razor +++ b/src/AntSK/Pages/ChatPage/Components/ChatView.razor @@ -242,8 +242,9 @@ .chat-bubble.sent::after { content: ""; position: absolute; - bottom: 16px; - width: 16px; + top: 16px; + bottom: auto; + width: 18px; height: 18px; transform: none; border-radius: 0; @@ -252,15 +253,15 @@ } .chat-bubble.received::after { - left: -12px; + left: -14px; background: var(--bubble-recv); - clip-path: polygon(100% 0, 0 50%, 100% 100%); + clip-path: polygon(100% 0, 0 0, 100% 100%); } .chat-bubble.sent::after { - right: -12px; + right: -14px; background: var(--bubble-sent); - clip-path: polygon(0 0, 100% 50%, 0 100%); + clip-path: polygon(0 0, 100% 0, 0 100%); } .message-meta {