From 74c621df6f546b21f3a7a154911109efc0c3c197 Mon Sep 17 00:00:00 2001
From: xlsea <m@xlsea.cn>
Date: Tue, 29 Apr 2025 20:14:33 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=8D=95=E7=82=B9?=
 =?UTF-8?q?=E7=99=BB=E5=BD=95=E7=BB=91=E5=AE=9A=E5=8C=B9=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../user-center/modules/social-card.vue       | 25 +++++++------------
 1 file changed, 9 insertions(+), 16 deletions(-)

diff --git a/src/views/_builtin/user-center/modules/social-card.vue b/src/views/_builtin/user-center/modules/social-card.vue
index 5b270803..5a1ff6cd 100644
--- a/src/views/_builtin/user-center/modules/social-card.vue
+++ b/src/views/_builtin/user-center/modules/social-card.vue
@@ -53,32 +53,25 @@ const socialSources = [
 ];
 
 getSsoUserList();
+
+function getSocial(key: string) {
+  return socialList.value.find(s => s.source.toLowerCase() === key);
+}
 </script>
 
 <template>
   <NSpin :show="loading" class="mt-16px">
     <div class="grid grid-cols-1 gap-16px 2xl:grid-cols-3 xl:grid-cols-2">
       <div v-for="source in socialSources" :key="source.key" class="relative">
-        <NCard
-          class="h-full transition-all duration-300 hover:shadow-md"
-          :class="[socialList.some(s => s.source === source.key) ? 'border-primary' : 'border-transparent']"
-          :bordered="true"
-        >
-          <template v-if="socialList.some(s => s.source === source.key)">
+        <NCard class="h-full transition-all duration-300 hover:shadow-md" :bordered="true">
+          <template v-if="getSocial(source.key)">
             <div class="flex flex-col items-center gap-16px">
-              <NAvatar
-                round
-                size="large"
-                :src="socialList.find(s => s.source === source.key)?.avatar"
-                class="size-80px"
-              />
+              <NAvatar round size="large" :src="getSocial(source.key)?.avatar" class="size-80px" />
               <div class="text-center">
                 <div class="text-16px font-medium">
-                  {{ socialList.find(s => s.source === source.key)?.nickName }}
-                </div>
-                <div class="mt-4px text-12px text-gray-500">
-                  绑定时间：{{ socialList.find(s => s.source === source.key)?.createTime }}
+                  {{ getSocial(source.key)?.nickName }}
                 </div>
+                <div class="mt-4px text-12px text-gray-500">绑定时间：{{ getSocial(source.key)?.createTime }}</div>
               </div>
               <NButton
                 type="error"