新增聊天窗口擴展功能:在樣式中添加擴展區域,並在聊天窗口中新增「跟進提醒」和「待辦事項」按鈕,提升用戶互動性。
This commit is contained in:
@@ -9,6 +9,12 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 0;
|
||||
.extend {
|
||||
background: #fff;
|
||||
padding: 10px 16px;
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.chatHeader {
|
||||
|
||||
@@ -5,6 +5,8 @@ import {
|
||||
TeamOutlined,
|
||||
RobotOutlined,
|
||||
DownOutlined,
|
||||
BellOutlined,
|
||||
CheckSquareOutlined,
|
||||
} from "@ant-design/icons";
|
||||
import { ContractData, weChatGroup } from "@/pages/pc/ckbox/data";
|
||||
import styles from "./ChatWindow.module.scss";
|
||||
@@ -112,6 +114,10 @@ const ChatWindow: React.FC<ChatWindowProps> = ({ contract }) => {
|
||||
</Tooltip>
|
||||
</Space>
|
||||
</Header>
|
||||
<div className={styles.extend}>
|
||||
<Button icon={<BellOutlined />}>跟进提醒</Button>
|
||||
<Button icon={<CheckSquareOutlined />}>待办事项</Button>
|
||||
</div>
|
||||
|
||||
{/* 聊天内容 */}
|
||||
<Content className={styles.chatContent}>
|
||||
|
||||
Reference in New Issue
Block a user