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, [ | ... | ... |