From 6ddbd5b5da30c06bdf29ebad4ad186f5e1eb3d9c Mon Sep 17 00:00:00 2001
From: bob <312777916@qq.com>
Date: Fri, 13 Dec 2024 15:09:39 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BD=AC=E7=A7=BB=E7=BE=A4=E4=B8=BB=E5=90=8E?=
 =?UTF-8?q?=E5=A4=B4=E5=83=8F=E9=A2=9C=E8=89=B2=E5=8F=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/UserAvatarIcon.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/common/UserAvatarIcon.vue b/src/components/common/UserAvatarIcon.vue
index 41510dc..28ba072 100644
--- a/src/components/common/UserAvatarIcon.vue
+++ b/src/components/common/UserAvatarIcon.vue
@@ -37,8 +37,13 @@ const firstChar = computed(() => {
   return props.showName ? props.showName.charAt(0) : '*'
 })
 
-const randomColor = getRandomColor(props.showName || props.showId)
-const fontColor = getFontColor(randomColor)
+const randomColor = computed(() => {
+  return getRandomColor(props.showName || props.showId)
+})
+
+const fontColor = computed(() => {
+  return getFontColor(randomColor.value)
+})
 
 const statusCircleColor = computed(() => {
   switch (props.userStatus) {