From 94f3767031ae5ee8465ea25687c276007646e5dc Mon Sep 17 00:00:00 2001
From: liuyonghe0111 <1763195287@qq.com>
Date: Thu, 13 Nov 2025 15:56:49 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=81=9A=E4=BA=86=E4=B8=80=E4=BA=9B?=
 =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/(main)/character/page.tsx            |  8 +++---
 src/app/layout.tsx                           |  2 +-
 src/layouts/MainLayout/components/Avatar.tsx | 30 ++++++++++++++++++--
 3 files changed, 33 insertions(+), 7 deletions(-)

diff --git a/src/app/(main)/character/page.tsx b/src/app/(main)/character/page.tsx
index 266fded..bc7ef4d 100644
--- a/src/app/(main)/character/page.tsx
+++ b/src/app/(main)/character/page.tsx
@@ -54,10 +54,10 @@ const RoleCard: React.FC<any> = React.memo(({ item }) => {
           </div>
           <Tags
             className="mt-2.5"
-            options={[
-              { label: 'tag1', value: 'tag1' },
-              { label: 'tag2', value: 'tag2' },
-            ]}
+            options={item.tags?.slice(0, 3).map((tag: any) => ({
+              label: tag.name,
+              value: tag.tagId,
+            }))}
           />
           <div className="text-text-color/60 mt-4 line-clamp-3 text-sm">
             {item.description}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index dca8e3c..1407dea 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -30,7 +30,7 @@ export default function RootLayout({
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
         <Script
-          src="//at.alicdn.com/t/c/font_5054282_g1w4osco3ua.js"
+          src="//at.alicdn.com/t/c/font_5054282_0nn29bocnyn.js"
           strategy="afterInteractive"
           async
         />
diff --git a/src/layouts/MainLayout/components/Avatar.tsx b/src/layouts/MainLayout/components/Avatar.tsx
index b3d41e3..85df3e6 100644
--- a/src/layouts/MainLayout/components/Avatar.tsx
+++ b/src/layouts/MainLayout/components/Avatar.tsx
@@ -22,8 +22,8 @@ export default function Avatar() {
         inBody
         open={isOpen}
       >
-        <div className="h-full w-full bg-[rgba(26,23,34,1)] px-10 pt-7">
-          <div className="flex justify-between">
+        <div className="flex h-full w-full flex-col items-center bg-[rgba(26,23,34,1)] px-10 pt-7">
+          <div className="flex w-full justify-between">
             <span onClick={() => setIsOpen(false)}>
               <IconFont
                 className="cursor-pointer"
@@ -31,6 +31,32 @@ export default function Avatar() {
                 size={18}
               />
             </span>
+            <span className="relative">
+              <IconFont
+                className="cursor-pointer"
+                type="icon-xitongtongzhi"
+                size={24}
+              />
+            </span>
+          </div>
+          <div className="relative h-15 w-15">
+            <img
+              src="/avator.png"
+              className="rounded-full"
+              alt="avatar"
+              width={60}
+              height={60}
+            />
+            <span className="flex-center absolute right-0 bottom-0 h-5 w-5 rounded-full bg-blue-600">
+              ♂
+            </span>
+          </div>
+          <div className="font-bold">Darvy</div>
+          <div className="flex items-center gap-1 text-xs">
+            <span className="h-3 w-3 rounded-sm bg-[rgba(255,102,0,1)]">
+              ID
+            </span>
+            <span className="font-bold text-white/60">user12345</span>
           </div>
         </div>
       </Drawer>