fix: 用户头像

components/UserInfoCard.vue

@@ -2,7 +2,7 @@
 	<view class="card user-info-card interactive">
 		<view class="flex-row-g20">
 			<view class="user-avatar">
-				<image src="https://img1.baidu.com/it/u=2462918877,1866131262&fm=253&fmt=auto&app=138&f=JPEG?w=506&h=500" mode="aspectFill" alt="用户头像" />
+				<image :src="avatarUrl" mode="aspectFill" alt="用户头像" />
 			</view>
 			<view class="user-details flex-col-g8">
 				<view class="flex-row-g20">
@@ -19,12 +19,25 @@
 </template>
 
 <script setup>
+	import { computed } from 'vue';
+	import { useUserStore } from '@/store/index.js';
+
+	const userStore = useUserStore();
+
 	defineProps({
 		currentCardNo: { type: String, default: '' },
 		deviceInfo: { type: Object, default: () => ({}) },
 		onlineStatus: { type: String, default: '离线' },
 		isDevice: { type: Boolean, default: true }
 	});
+
+	// 默认头像
+	const defaultAvatar = 'https://img1.baidu.com/it/u=2462918877,1866131262&fm=253&fmt=auto&app=138&f=JPEG?w=506&h=500';
+
+	// 用户头像，优先使用 store 中的头像，否则使用默认头像
+	const avatarUrl = computed(() => {
+		return userStore.state.userInfo.avatar || defaultAvatar;
+	});
 </script>
 
 <style scoped lang="scss">