From 407f99e3a4060fc6f246a2afe7c1e0c824b3a536 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Mon, 9 Sep 2024 21:55:28 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83?=
 =?UTF-8?q?=20=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/_core/profile/profile-panel.vue        | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/apps/web-antd/src/views/_core/profile/profile-panel.vue b/apps/web-antd/src/views/_core/profile/profile-panel.vue
index 69f46e2b..09128b44 100644
--- a/apps/web-antd/src/views/_core/profile/profile-panel.vue
+++ b/apps/web-antd/src/views/_core/profile/profile-panel.vue
@@ -3,6 +3,8 @@ import type { UserProfile } from '#/api/system/profile/model';
 
 import { computed } from 'vue';
 
+import { usePreferences } from '@vben/preferences';
+
 import {
   Card,
   Descriptions,
@@ -26,6 +28,12 @@ const avatar = computed(
     props.profile?.user.avatar ??
     'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png',
 );
+
+const { isDark } = usePreferences();
+const poetrySrc = computed(() => {
+  const color = isDark.value ? 'white' : 'gray';
+  return `https://v2.jinrishici.com/one.svg?font-size=12&color=${color}`;
+});
 </script>
 
 <template>
@@ -45,8 +53,8 @@ const avatar = computed(
           <span class="text-foreground text-xl font-bold">
             {{ profile.user.nickName ?? '未知' }}
           </span>
-          <!-- http://gushi.ci/ -->
-          <img src="https://v1.jinrishici.com/all.svg?font-size=14" />
+          <!-- https://www.jinrishici.com/doc/#image -->
+          <img :src="poetrySrc" />
         </div>
       </div>
       <div class="px-[24px]">