perf(components/GoUserInfo): 覆盖external下的GoUserInfo

@@ -2,7 +2,14 @@
   <n-dropdown trigger="hover" @select="handleSelect" :show-arrow="true" :options="options">
   <n-dropdown trigger="hover" @select="handleSelect" :show-arrow="true" :options="options">
     <div class="user-info-box">
     <div class="user-info-box">
       <person-icon v-if="fallback"></person-icon>
       <person-icon v-if="fallback"></person-icon>
-      <n-avatar v-if="!fallback" round object-fit="cover" size="medium" :src="Person" @error="errorHandle"></n-avatar>
+      <n-avatar
+        v-if="!fallback"
+        round
+        object-fit="cover"
+        size="medium"
+        :src="!avatarLogo ? Person : avatarLogo"
+        @error="errorHandle"
+      ></n-avatar>
     </div>
     </div>
   </n-dropdown>
   </n-dropdown>
 
 
@@ -31,6 +38,7 @@ const { dataSyncUpdate } = useSyncRemote()
 
 
 const modelShowInfo = ref(false)
 const modelShowInfo = ref(false)
 const modelShow = ref(false)
 const modelShow = ref(false)
+const avatarLogo = ref('')
 
 
 // 是否失败
 // 是否失败
 const fallback = ref(false)
 const fallback = ref(false)
@@ -39,7 +47,7 @@ const fallback = ref(false)
 const renderUserInfo = () => {
 const renderUserInfo = () => {
   const userStoreOverride = useUserStore()
   const userStoreOverride = useUserStore()
   const { username, avatar } = userStoreOverride.getUserInfo
   const { username, avatar } = userStoreOverride.getUserInfo
-  console.log(userStoreOverride.getUserInfo)
+  avatarLogo.value = avatar as string
   return h(
   return h(
     'div',
     'div',
     {
     {
@@ -49,7 +57,7 @@ const renderUserInfo = () => {
       h(NAvatar, {
       h(NAvatar, {
         round: true,
         round: true,
         style: 'margin-right: 12px;',
         style: 'margin-right: 12px;',
-        src: Person
+        src: !avatar ? Person : avatar
       }),
       }),
       h('div', null, [
       h('div', null, [
         h('div', null, [
         h('div', null, [