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)}
))}