add new

src/assets/index.ts

@@ -3,7 +3,7 @@ import { createFromIconfontCN } from '@ant-design/icons-vue';
 
 function createIconComponent(iconType: string) {
   const IconComponent = createFromIconfontCN({
-    scriptUrl: '//at.alicdn.com/t/c/font_4513281_r2toi9mpbha.js', // 在 iconfont.cn 上生成
+    scriptUrl: '//at.alicdn.com/t/c/font_4513281_qhbaqfo6egj.js', // 在 iconfont.cn 上生成
   });
 
   return defineComponent({
@@ -30,6 +30,7 @@ const RiLiLined = createIconComponent('icon-rili');
 const YueDuLined = createIconComponent('icon-yuedu');
 const YanJingLined = createIconComponent('icon-yanjing');
 const XieZiLined = createIconComponent('icon-xiezi');
+const CravatarLined = createIconComponent('icon-cravatar');
 
 
 export {
@@ -50,5 +51,6 @@ export {
   RiLiLined,
   YueDuLined,
   YanJingLined,
-  XieZiLined
+  XieZiLined,
+  CravatarLined
 }

src/components/blogs/HomePage.vue

@@ -35,13 +35,13 @@
                     <h1>sunfree</h1>
                     <div class="cardText"></div>
                     <div class="button-group">
-                        <a-button shape="circle" size="large" @click="gravatarClick">
-                            <GravatarLined />
+                        <a-button shape="circle" size="large" @click="cravatarClick" >
+                            <CravatarLined style="color: red;"/>
                         </a-button>
                         <a-button shape="circle" size="large" @click="qqClick">
                             <QQLined />
                         </a-button>
-                        <a-button shape="circle" size="large">
+                        <a-button shape="circle" size="large" @click="wechatClick">
                             <WechatLined />
                         </a-button>
                         <a-button shape="circle" size="large" @click="musicClick">
@@ -140,7 +140,7 @@
 import { h, reactive, ref, nextTick } from 'vue';
 import { MenuProps } from 'ant-design-vue';
 import { HomeOutlined, HighlightOutlined, ProfileOutlined, CameraOutlined, UsergroupDeleteOutlined, DownCircleOutlined } from '@ant-design/icons-vue';
-import { MusicLined, EmailLined, QQLined, WechatLined, GravatarLined, GitHubLined } from "@/assets"
+import { MusicLined, EmailLined, QQLined, WechatLined, GravatarLined, GitHubLined,CravatarLined } from "@/assets"
 import Typed from 'typed.js';
 import { onMounted, watch } from 'vue';
 import type { CSSProperties } from 'vue';
@@ -458,12 +458,15 @@ const onSearch = (searchValue: string) => {
 
 const img = ref("https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png")
 
-const gravatarClick = () => {
-    window.open("https://cn.gravatar.org/")
+const cravatarClick = () => {
+    window.open("https://cravatar.cn/")
 }
 const qqClick=()=>{
     window.open("/qqcode",'_blank')
 }
+const wechatClick=()=>{
+    window.open("/wechatcode",'_blank')
+}
 const musicClick=()=>{
     window.open("https://music.163.com/#/playlist?id=160266689")
 }

src/components/blogs/QQCode.vue

@@ -1,5 +1,5 @@
 <template>
-    <a-qrcode error-level="H" value="https://www.baidu.com" icon="https://www.antdv.com/assets/logo.1ef800a8.svg" />
+    <a-image :preview="false" :width="500" :height="500" src="/src/assets/images/qq.png"/>
 </template>
 
 <script setup lang='ts'>