mirror/ezbookkeeping
1
0
Fork 0
mirror of https://github.com/mayswind/ezbookkeeping.git synced 2026-05-17 08:14:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

show avatar placeholder when loading user avatar

Browse Source
This commit is contained in:
MaysWind
2023-07-02 23:34:09 +08:00
parent 9cd22bdc06
commit 748cf68055
2 changed files with 21 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/desktop/user/settings/UserBasicSettingTab.vue
+7 -1
View File
@@ -9,7 +9,13 @@
<v-card-text class="d-flex">
<v-avatar rounded="lg" color="primary" variant="tonal" size="100" class="me-4">
<v-img :src="oldProfile.avatar" v-if="oldProfile.avatar"/>
<v-img :src="oldProfile.avatar" v-if="oldProfile.avatar">
<template v-slot:placeholder>
<div class="d-flex align-center justify-center fill-height">
<v-icon size="48" :icon="icons.user"/>
</div>
</template>
</v-img>
<v-icon size="48" :icon="icons.user" v-else-if="!oldProfile.avatar"/>
</v-avatar>
<div class="d-flex flex-column justify-center gap-5">