From d67c6acfa2aa44ecc8dfcd843aec26b00e09dad2 Mon Sep 17 00:00:00 2001
From: thsrite <thsrite@gmail.com>
Date: Wed, 30 Oct 2024 09:52:05 +0800
Subject: [PATCH] =?UTF-8?q?fix=20=E5=B7=B2=E5=AE=89=E8=A3=85=E6=8F=92?=
 =?UTF-8?q?=E4=BB=B6=E6=98=BE=E7=A4=BA=E4=BD=9C=E8=80=85=E5=A4=B4=E5=83=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cards/PluginCard.vue | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/components/cards/PluginCard.vue b/src/components/cards/PluginCard.vue
index 7a1e274e..64791503 100644
--- a/src/components/cards/PluginCard.vue
+++ b/src/components/cards/PluginCard.vue
@@ -215,6 +215,12 @@ const iconPath: Ref<string> = computed(() => {
   return `./plugin_icon/${props.plugin?.plugin_icon}`
 })
 
+// 插件作者头像路径
+const authorPath: Ref<string> = computed(() => {
+  // 网络图片则使用代理后返回
+  return `${import.meta.env.VITE_API_BASE_URL}system/img/1?imgurl=${encodeURIComponent(props.plugin?.author_url + '.png')}`
+})
+
 // 重置插件
 async function resetPlugin() {
   const isConfirmed = await createConfirm({
@@ -436,8 +442,8 @@ watch(
       </div>
     </div>
     <VCardText class="flex flex-none align-self-baseline py-3 w-full align-end">
-      <span>
-        <VIcon icon="mdi-github" class="me-1" />
+      <span class="author-info">
+        <VImg :src="authorPath" class="author-avatar" />
         <a :href="props.plugin?.author_url" target="_blank" @click.stop>
           {{ props.plugin?.plugin_author }}
         </a>
@@ -513,4 +519,15 @@ watch(
   content: '';
   inset: 0;
 }
+.author-info {
+  display: flex;
+  align-items: center;
+}
+.author-avatar {
+  width: 24px;
+  height: 24px;
+  margin-right: 8px;
+  border-radius: 50%;
+  object-fit: cover;
+}
 </style>