docs: ✏️ 优化捐赠榜单中捐赠人链接的展示效果

Author: Moonofweisheng

docs/.vitepress/theme/index.ts

@@ -1,12 +1,3 @@
-/*
- * @Author: weisheng
- * @Date: 2023-07-27 12:36:30
- * @LastEditTime: 2024-07-20 16:52:08
- * @LastEditors: weisheng
- * @Description: 
- * @FilePath: /wot-design-uni/docs/.vitepress/theme/index.ts
- * 记得注释
- */
 import { h } from 'vue'
 import Theme from 'vitepress/theme'
 import './styles/vars.css'
@@ -19,7 +10,7 @@ import CustomFooter from './components/CustomFooter.vue'
 import SvgImage from './components/SvgImage.vue'
 import HomeStar from './components/HomeStar.vue'
 import frame from './components/frame.vue'
-import { ElTag } from 'element-plus'
+import { ElTag, ElLink } from 'element-plus'
 
 export default {
   ...Theme,
@@ -35,6 +26,6 @@ export default {
     app.component('SvgImage', SvgImage)
     app.component('frame', frame)
     app.component('ElTag', ElTag)
-
+    app.component('ElLink', ElLink)
   },
 }

docs/reward/donor.md

@@ -3,12 +3,11 @@
 感谢各位捐赠者对本项目的支持，以下排名不分先后，按时间顺序排列。
 
 :::tip
-捐赠后,请发送邮件到1780903673@qq.com或者通过github、微信群等社交平台告知要展示的捐赠者名称、留言、链接 (链接可以是您的博客、github、个人网站、公司产品等)
+捐赠后,请发送邮件到1780903673@qq.com或者通过 github、微信群等社交平台告知要展示的捐赠者名称、留言、链接 (链接可以是您的博客、github、个人网站、公司产品等)
 :::
 
 ## 捐赠榜单
 
-
 <table v-if="data&&data.donor">
   <thead>
     <tr>
@@ -21,15 +20,17 @@
     <tr v-for="(donor,index) in data.donor">
       <td>{{donor.name}}</td>
       <td>{{donor.message}}</td>
-      <td>{{donor.link}}</td>
+      <td>
+          <el-link v-if="donor.link!=='-'" :href="donor.link" target="_blank">{{donor.link}}</el-link>
+          <span v-else>-</span>
+      </td>
     </tr>
   </tbody>
 </table>
 
-
 :beers::beers::beers: 再次感谢各位捐赠者的支持，也欢迎大家提出自己的意见和建议。:beers::beers::beers:
 
 <script setup>
 import { useSponsor } from '../.vitepress/theme/composables/sponsor'
 const { data } = useSponsor()
-</script>
+</script>