Public/scrm.antd
8
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

开发: 修改页面

Browse Source
This commit is contained in:
zhengw
2023-04-14 17:31:45 +08:00
parent b2bf2ade21
commit f4644b6ba2
11 changed files with 889 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/ChatLogs/components/ChatBar.tsx
View File

@@ -80,7 +80,7 @@ export const ChatBar: React.FC<IChatItem> = (props) => {
<div className={styles.name}>{props.from?.name}</div>
<div className={styles.content}>
{props.chat?.state == 0 ? (
<div className={styles.revokeMsg}>已撤回的消息</div>
<div className={styles.revokeMsgRight}>已撤回</div>
) : null}
{chatContent()}
</div>
@@ -116,8 +116,8 @@ export const ChatBar: React.FC<IChatItem> = (props) => {
<div className={styles.name}>{props.to?.name}</div>
<div className={styles.content}>
{props.chat?.state == 0 ? (
<div className={styles.revokeMsg}>
<span>已撤回的消息</span>
<div className={styles.revokeMsgLeft}>
<span>已撤回</span>
</div>
) : null}
{chatContent()}

3
src/pages/ChatLogs/components/ChatRecord.tsx
View File

@@ -96,8 +96,9 @@ export const ChatRecord: React.FC<IChatItem> = (props) => {
onCancel={() => {
setVisible(false);
}}
centered
>
<div>
<div style={{ maxHeight: '75vh', overflow: 'auto' }}>
{record ? (
<div>
{record.item.map((item: any) => {

28
src/pages/ChatLogs/components/Gender.tsx Normal file
View File

@@ -0,0 +1,28 @@
type IProps = {
gender: string | undefined | number;
};
export const Gender: React.FC<IProps> = (props) => {
return (
<>
{props?.gender ? (
<>
{props?.gender == 1 ? (
<svg viewBox="0 0 1024 1024" width="16" height="16">
<path
d="M828.875 765.657c-191.159-16.86-202.516-102.922-202.516-102.922v-85.997c111.656-43.063 145.76-207.699 145.76-207.699 0-65.457-32.153-67.281-32.153-67.281V195.093c7.486-177.753-100.33-136.61-102.25-136.61-1.791 0-60.466-46.774-60.466-46.774-41.751-31.8-134.499 11.262-134.499 11.262l-3.839 0.064c-104.937 2.751-132.387 78.479-132.387 78.479l1.92 196.437c-54.804 0-47.35 76.719-47.35 76.719 0 84.142 147.616 200.148 147.616 200.148 9.47 110.472-49.174 166.46-49.174 166.46s-100.266 3.711-213.84 37.432c-2.72 0.863-5.344 1.6-7.967 2.463C30.617 817.421 0 920.855 0 920.855v101.033l463.579 1.888 68.465-1.92h491.732V943.25c1.92-115.815-194.901-177.593-194.901-177.593z m-244.65 129.22l-71.25 128.675-69.616-128.676-16.124-64.05 30.68-136.354h111.656l29.178 136.354-14.525 64.05z"
fill="#1890ff"
></path>
</svg>
) : (
<svg viewBox="0 0 1025 1024" width="16" height="16">
<path
d="M613.312 626.496v-11.2h151.296V318.08c0-124.736-113.152-225.856-252.608-225.856S259.392 193.344 259.392 318.08v297.216h151.36v11.072h-0.256L115.648 820.16v107.136H908.48v-105.92l-295.168-194.88z m7.68 186.752c-72.192 69.824-109.504-36.416-109.504-36.416s-37.312 106.24-109.568 36.416c0 0-31.744-20.544-35.136-158.208l144.704 121.728L656.192 655.04c-3.392 137.6-35.2 158.208-35.2 158.208z"
fill="#1890ff"
></path>
</svg>
)}
</>
) : null}
</>
);
};

33
src/pages/ChatLogs/components/index.module.scss
View File

@@ -38,13 +38,13 @@
.content {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 40px;
padding: 12px;
word-break: break-all;
background-color: #fff;
border-radius: 4px;
flex-direction: column;
&::before {
position: absolute;
@@ -124,9 +124,32 @@
}
}
.revokeMsg{
background-color: #8c8c8c;
.revokeMsgRight {
position: absolute;
top: 0;
left: -48px;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
color: #fff;
border-radius: 4px;
padding: 0 12px;
font-size: 12px;
background-color: #8c8c8c;
border-radius: 40px;
}
.revokeMsgLeft {
position: absolute;
top: 0;
right: -48px;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
color: #fff;
font-size: 12px;
background-color: #8c8c8c;
border-radius: 40px;
}