让关于页面的二维码下的文字能够点击跳转

src/config.ts

@@ -13,6 +13,7 @@ export default {
   linkIOS: 'https://vic.yuanjin.net/webapp',
   linkWeb: 'https://vic.yuanjin.net/webapp',
   linkTelegram: 'https://t.me/vichome',
-  linkWechat: 'essilk',
+  linkWechat: 'https://weixin.qq.com/g/AT997GKdoc9WnieL',
   linkEmail: 'team-vic@outlook.com',
+  linkSupport: 'essilk',
 };

src/pages/about/index.tsx

@@ -35,7 +35,8 @@ const AboutPage: React.FC = () => {
           data: info,
           size: 240,
         }} />}
-        <span>{info}</span>
+        <br/>
+        <span><a href={info} target="_blank">{info}</a></span>
       </div>
     </Modal>
   );
@@ -96,6 +97,7 @@ const AboutPage: React.FC = () => {
               </div>
             </div>
           )}
+          <br/>
           {(config.linkTelegram || config.linkWechat) && (
             <div className="section">
               <span className="title">{formatMessage({ id: 'about.comTitle' })}</span>
@@ -118,7 +120,7 @@ const AboutPage: React.FC = () => {
                     className="icon-item"
                     onClick={() => {
                       setInfo(config.linkWechat);
-                      setTitle('Web');
+                      setTitle('Wechat');
                     }}
                   >
                     <div className="icon-icon"><FittedImage src={pWechat} /></div>
@@ -128,8 +130,14 @@ const AboutPage: React.FC = () => {
               </div>
             </div>
           )}
+          <br/>
+          <div className="section">
+            <span className="title">{formatMessage({ id: 'about.contact' })}</span>
+            <span className="desc">邮箱: {config.linkEmail}</span>
+            <span className="desc">微信号: {config.linkSupport}</span>
           </div>
-
+        </div>
+        <br/>
         <div>{formatMessage({ id: 'about.copyright' })}</div>
       </div>
       {showInfo}
@@ -137,9 +145,4 @@ const AboutPage: React.FC = () => {
   );
 }
 
-//          <div className="section">
-//            <span className="title">{formatMessage({ id: 'about.contact' })}</span>
-//            <span className="desc">{config.linkEmail}</span>
-//          </div>
-
 export default AboutPage;