Skip to content

Commit f35a982

Browse files
committed
feat: 添加微信二维码到关于页面 1. 在关于页面添加微信二维码和引导文案 2. 优化添加好友备注提示文案 3. 移除多余的个人信息
1 parent fd43b73 commit f35a982

File tree

2 files changed

+21
-3
lines changed

2 files changed

+21
-3
lines changed

public/CC11001100-wechat-qrcode.png

363 KB
Loading

src/components/AboutPage/ContactCard.tsx

Lines changed: 21 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
import * as React from 'react';
2-
import { Card, Space, Tag, Typography } from 'antd';
2+
import { Card, Space, Tag, Typography, Image, Divider } from 'antd';
33
import { useTranslation } from 'react-i18next';
4-
import { GithubOutlined, StarFilled } from '@ant-design/icons';
4+
import { GithubOutlined, StarFilled, WechatOutlined } from '@ant-design/icons';
55
import { cardStyle, githubIconStyle, githubLinkStyle, starTagStyle, textStyle } from './styles';
6+
import wechatQrcode from '../../assets/CC11001100-wechat-qrcode.png';
67

78
const { Text, Link } = Typography;
89

@@ -23,7 +24,7 @@ const ContactCard: React.FC<ContactCardProps> = ({ repoStars }) => {
2324
style={cardStyle}
2425
hoverable
2526
>
26-
<Space direction="vertical" size={16}>
27+
<Space direction="vertical" size={16} style={{ width: '100%' }}>
2728
<Text style={textStyle}>
2829
{t('about.contact.email')}<Link href="mailto:CC11001100@qq.com">CC11001100@qq.com</Link>
2930
</Text>
@@ -49,6 +50,23 @@ const ContactCard: React.FC<ContactCardProps> = ({ repoStars }) => {
4950
<Text type="secondary" style={{ marginLeft: 8 }}>{t('about.contact.loading')}</Text>
5051
)}
5152
</Space>
53+
54+
<Divider style={{ margin: '12px 0' }} />
55+
56+
<Space direction="vertical" align="center" style={{ width: '100%' }}>
57+
<Space align="center">
58+
<WechatOutlined style={{ fontSize: '20px', color: '#42b983' }} />
59+
<Text style={{ ...textStyle, fontWeight: 'bold' }}>扫码加微信,拉你进逆向技术讨论群</Text>
60+
</Space>
61+
<Text type="secondary" style={{ textAlign: 'center', marginBottom: '10px' }}>加好友时请备注【逆向】,方便我知道你是从这里来的~</Text>
62+
<Image
63+
src={wechatQrcode}
64+
alt="微信二维码"
65+
width={200}
66+
style={{ margin: '10px 0' }}
67+
fallback="https://via.placeholder.com/200x200?text=微信二维码"
68+
/>
69+
</Space>
5270
</Space>
5371
</Card>
5472
);

0 commit comments

Comments
 (0)