1
1
import * as React from 'react' ;
2
- import { Card , Space , Tag , Typography } from 'antd' ;
2
+ import { Card , Space , Tag , Typography , Image , Divider } from 'antd' ;
3
3
import { useTranslation } from 'react-i18next' ;
4
- import { GithubOutlined , StarFilled } from '@ant-design/icons' ;
4
+ import { GithubOutlined , StarFilled , WechatOutlined } from '@ant-design/icons' ;
5
5
import { cardStyle , githubIconStyle , githubLinkStyle , starTagStyle , textStyle } from './styles' ;
6
+ import wechatQrcode from '../../assets/CC11001100-wechat-qrcode.png' ;
6
7
7
8
const { Text, Link } = Typography ;
8
9
@@ -23,7 +24,7 @@ const ContactCard: React.FC<ContactCardProps> = ({ repoStars }) => {
23
24
style = { cardStyle }
24
25
hoverable
25
26
>
26
- < Space direction = "vertical" size = { 16 } >
27
+ < Space direction = "vertical" size = { 16 } style = { { width : '100%' } } >
27
28
< Text style = { textStyle } >
28
29
{ t ( 'about.contact.email' ) } :< Link href = "mailto:CC11001100@qq.com" > CC11001100@qq.com</ Link >
29
30
</ Text >
@@ -49,6 +50,23 @@ const ContactCard: React.FC<ContactCardProps> = ({ repoStars }) => {
49
50
< Text type = "secondary" style = { { marginLeft : 8 } } > { t ( 'about.contact.loading' ) } </ Text >
50
51
) }
51
52
</ 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 >
52
70
</ Space >
53
71
</ Card >
54
72
) ;
0 commit comments