From 02b9931c5e3a54d69d4d20a9dc6aad141fc35141 Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期四, 15 八月 2024 11:37:14 +0800
Subject: [PATCH] 恢复举手，隐藏举手顶部显示
---
src/components/NormalHeader/index.vue | 22 +++++++++++++++-------
1 files changed, 15 insertions(+), 7 deletions(-)
diff --git a/src/components/NormalHeader/index.vue b/src/components/NormalHeader/index.vue
index 1152027..53301a0 100644
--- a/src/components/NormalHeader/index.vue
+++ b/src/components/NormalHeader/index.vue
@@ -1,5 +1,5 @@
<template>
- <div class="w-screen h-16 bg-blue-400 flex justify-between items-center px-10 box-border">
+ <div class="w-screen h-16 bg-blue-500 flex justify-between items-center px-10 box-border">
<div class="return-container text-center cursor-pointer" @click="returnBack">
<div class="icon mx-auto">
<img src="@/assets/icons/return.png" class="width-img" alt="">
@@ -9,14 +9,14 @@
<div class="user-container flex items-center">
<div class="avatar-container w-12 h-12 rounded-full overflow-hidden mr-3">
- <div class="avatar-content">
- <img src="@/assets/image/avatar/avatar.png" class="avatar-img" alt="">
+ <div class="avatar-content" v-if="userInfo.imagePath">
+ <img :src="userInfo.imagePath?'api/files/' + userInfo.imagePath:'/static/icons/touxiang.png'" class="avatar-img" alt="">
</div>
- <!-- <div class="avatar-content" :style="{ backgroundColor: getColor }">
- <div class="name text-xl font-bold text-white">寮�</div>
- </div> -->
+ <div class="avatar-content" :style="{ backgroundColor: getColor }">
+ <div class="name text-xl font-bold text-white">{{ getFirstName }}</div>
+ </div>
</div>
- <div class="user-name text-white">娴嬭瘯娴嬭瘯娴嬭瘯</div>
+ <div class="user-name text-white">{{ userInfo.realName || '鐢ㄦ埛' }}</div>
</div>
</div>
</template>
@@ -25,13 +25,21 @@
import { ref, computed } from 'vue';
import { useRouter } from 'vue-router';
import randomColor from '@/utils/randomColor.js';
+import { storeToRefs } from 'pinia';
+import { useUserStore } from '@/store/index.js';
const router = useRouter();
+const userStore = useUserStore();
+const { userInfo } = storeToRefs(userStore);
const getColor = computed(() => {
return randomColor();
});
+const getFirstName = computed(() => {
+ return userInfo.value.realName && userInfo.value.realName[0];
+});
+
const returnBack = () => {
router.back();
}
--
Gitblit v1.8.0