From 25da77a3b18a24745ca39e10434a28d561ac339e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B6=85=E7=BA=A7=E8=80=81=E7=99=BD=E5=85=94?= Date: Fri, 5 Sep 2025 15:08:52 +0800 Subject: [PATCH] =?UTF-8?q?refactor(ChatWindow):=20=E4=BD=BF=E7=94=A8Antd?= =?UTF-8?q?=20Divider=E6=9B=BF=E6=8D=A2=E8=87=AA=E5=AE=9A=E4=B9=89?= =?UTF-8?q?=E6=97=B6=E9=97=B4=E5=88=86=E9=9A=94=E7=BA=BF=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 移除MessageRecord.module.scss中自定义的时间分隔线样式,改为使用Antd的Divider组件 --- .../MessageRecord/MessageRecord.module.scss | 21 +------------------ .../components/MessageRecord/index.tsx | 6 ++++-- 2 files changed, 5 insertions(+), 22 deletions(-) diff --git a/Cunkebao/src/pages/pc/ckbox/components/ChatWindow/components/MessageRecord/MessageRecord.module.scss b/Cunkebao/src/pages/pc/ckbox/components/ChatWindow/components/MessageRecord/MessageRecord.module.scss index cfd65086..96fe8a3e 100644 --- a/Cunkebao/src/pages/pc/ckbox/components/ChatWindow/components/MessageRecord/MessageRecord.module.scss +++ b/Cunkebao/src/pages/pc/ckbox/components/ChatWindow/components/MessageRecord/MessageRecord.module.scss @@ -33,25 +33,6 @@ font-size: 12px; margin: 8px 0; position: relative; - - &::before { - content: ''; - position: absolute; - top: 50%; - left: 0; - right: 0; - height: 1px; - background: #e8e8e8; - z-index: 0; - } - - &::after { - content: attr(data-time); - background: #f5f5f5; - padding: 0 12px; - position: relative; - z-index: 1; - } } // 消息项 @@ -235,4 +216,4 @@ max-width: 150px; max-height: 150px; } -} \ No newline at end of file +} diff --git a/Cunkebao/src/pages/pc/ckbox/components/ChatWindow/components/MessageRecord/index.tsx b/Cunkebao/src/pages/pc/ckbox/components/ChatWindow/components/MessageRecord/index.tsx index 229f0cb2..e2ea13bb 100644 --- a/Cunkebao/src/pages/pc/ckbox/components/ChatWindow/components/MessageRecord/index.tsx +++ b/Cunkebao/src/pages/pc/ckbox/components/ChatWindow/components/MessageRecord/index.tsx @@ -1,5 +1,5 @@ import React, { useEffect, useRef } from "react"; -import { Avatar } from "antd"; +import { Avatar, Divider } from "antd"; import { UserOutlined } from "@ant-design/icons"; import { ChatRecord, ContractData, weChatGroup } from "@/pages/pc/ckbox/data"; import { formatWechatTime } from "@/utils/common"; @@ -194,7 +194,9 @@ const MessageRecord: React.FC = ({ contract }) => {
{groupMessagesByTime(currentMessages).map((group, groupIndex) => ( -
{group.time}
+ +
{group.time}
+
{group.messages.map(renderMessage)}
))}