11import * as React from 'react' ;
2- import { Card , Space , Tag , Typography } from 'antd' ;
2+ import { Card , Space , Tag , Typography , Image , Divider } from 'antd' ;
33import { useTranslation } from 'react-i18next' ;
4- import { GithubOutlined , StarFilled } from '@ant-design/icons' ;
4+ import { GithubOutlined , StarFilled , WechatOutlined } from '@ant-design/icons' ;
55import { cardStyle , githubIconStyle , githubLinkStyle , starTagStyle , textStyle } from './styles' ;
6+ import wechatQrcode from '../../assets/CC11001100-wechat-qrcode.png' ;
67
78const { 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