Commit 0e53ffe7e14a3b4e39ee2208eb255d67c002fb4c
1 parent
e990e729
perf(components/GoUserInfo): 覆盖external下的GoUserInfo
Showing
1 changed file
with
11 additions
and
3 deletions
| ... | ... | @@ -2,7 +2,14 @@ |
| 2 | 2 | <n-dropdown trigger="hover" @select="handleSelect" :show-arrow="true" :options="options"> |
| 3 | 3 | <div class="user-info-box"> |
| 4 | 4 | <person-icon v-if="fallback"></person-icon> |
| 5 | - <n-avatar v-if="!fallback" round object-fit="cover" size="medium" :src="Person" @error="errorHandle"></n-avatar> | |
| 5 | + <n-avatar | |
| 6 | + v-if="!fallback" | |
| 7 | + round | |
| 8 | + object-fit="cover" | |
| 9 | + size="medium" | |
| 10 | + :src="!avatarLogo ? Person : avatarLogo" | |
| 11 | + @error="errorHandle" | |
| 12 | + ></n-avatar> | |
| 6 | 13 | </div> |
| 7 | 14 | </n-dropdown> |
| 8 | 15 | |
| ... | ... | @@ -31,6 +38,7 @@ const { dataSyncUpdate } = useSyncRemote() |
| 31 | 38 | |
| 32 | 39 | const modelShowInfo = ref(false) |
| 33 | 40 | const modelShow = ref(false) |
| 41 | +const avatarLogo = ref('') | |
| 34 | 42 | |
| 35 | 43 | // 是否失败 |
| 36 | 44 | const fallback = ref(false) |
| ... | ... | @@ -39,7 +47,7 @@ const fallback = ref(false) |
| 39 | 47 | const renderUserInfo = () => { |
| 40 | 48 | const userStoreOverride = useUserStore() |
| 41 | 49 | const { username, avatar } = userStoreOverride.getUserInfo |
| 42 | - console.log(userStoreOverride.getUserInfo) | |
| 50 | + avatarLogo.value = avatar as string | |
| 43 | 51 | return h( |
| 44 | 52 | 'div', |
| 45 | 53 | { |
| ... | ... | @@ -49,7 +57,7 @@ const renderUserInfo = () => { |
| 49 | 57 | h(NAvatar, { |
| 50 | 58 | round: true, |
| 51 | 59 | style: 'margin-right: 12px;', |
| 52 | - src: Person | |
| 60 | + src: !avatar ? Person : avatar | |
| 53 | 61 | }), |
| 54 | 62 | h('div', null, [ |
| 55 | 63 | h('div', null, [ | ... | ... |