feat: 头像显示

src/views/main-header.vue

@@ -51,7 +51,9 @@
 						<div class="info">
 							<img src="@/assets/images/profile-content-bg.jpg" alt="" />
 							<div class="content">
-								<div class="profile"></div>
+								<div class="profile">
+									<img class="profile-avatar" :src="userInfoStore.state.userInfo.avatarUrl" alt="" />
+								</div>
 								<div class="name">
 									{{ $t('MainHeader.HiName', { name: userInfo.username }) }}
 								</div>
@@ -286,7 +288,12 @@
 					width: 5rem;
 					height: 5rem;
 					border-radius: 50%;
-					background: #cfcfcf;
+					.profile-avatar{
+						width: 100%;
+						height: 100%;
+						border-radius: 50%;
+						object-fit: cover;
+					}
 				}
 				> .name {
 					font-size: 1.4rem;

src/views/setting/index.vue

@@ -119,10 +119,6 @@
 		loadUserProfile
 	} = useSettingsForm({ t, locale })
 
-	// watch(locale, () => {
-	// 	loadUserProfile()
-	// })
-
 	onMounted(() => {
 		loadUserProfile()
 	})