From 85652b1c892487ec22c854883cb127d247ad03fd Mon Sep 17 00:00:00 2001
From: liuyonghe0111 <1763195287@qq.com>
Date: Wed, 12 Nov 2025 15:14:08 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E4=BA=86=E4=B8=80?=
 =?UTF-8?q?=E4=BA=9B=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ui/VirtualGrid.tsx            |  2 +-
 src/layouts/MainLayout/components/Avatar.tsx | 33 ++++++++++++++++++++
 src/layouts/MainLayout/header.tsx            |  3 +-
 3 files changed, 36 insertions(+), 2 deletions(-)
 create mode 100644 src/layouts/MainLayout/components/Avatar.tsx

diff --git a/src/components/ui/VirtualGrid.tsx b/src/components/ui/VirtualGrid.tsx
index ce556fe..03528c2 100644
--- a/src/components/ui/VirtualGrid.tsx
+++ b/src/components/ui/VirtualGrid.tsx
@@ -304,7 +304,7 @@ function VirtualGrid<T extends any = any>(
         ))}
 
         {/* 加载更多 */}
-        {!!renderList.current.length && !noMoreData && (
+        {!!renderList.current.length && !noMoreData && !isFirstLoading && (
           <div
             className="absolute flex w-full items-center justify-center"
             style={{ top: listHeight.current, height: loadingHeight }}
diff --git a/src/layouts/MainLayout/components/Avatar.tsx b/src/layouts/MainLayout/components/Avatar.tsx
new file mode 100644
index 0000000..7a58d42
--- /dev/null
+++ b/src/layouts/MainLayout/components/Avatar.tsx
@@ -0,0 +1,33 @@
+'use client';
+
+import { Drawer } from '@/components';
+import IconFont from '@/components/ui/iconFont';
+import { useState } from 'react';
+
+export default function Avatar() {
+  const [isOpen, setIsOpen] = useState(false);
+  return (
+    <div className="h-9 w-9 cursor-pointer overflow-hidden rounded-full">
+      <img
+        onClick={() => setIsOpen(true)}
+        src="/avator.png"
+        width={36}
+        height={36}
+        alt="avatar"
+      />
+      <Drawer width={450} inBody open={isOpen}>
+        <div className="h-full w-full bg-[rgba(26,23,34,1)] px-10 pt-7">
+          <div className="flex justify-between">
+            <span onClick={() => setIsOpen(false)}>
+              <IconFont
+                className="cursor-pointer"
+                type="icon-fanhui"
+                size={18}
+              />
+            </span>
+          </div>
+        </div>
+      </Drawer>
+    </div>
+  );
+}
diff --git a/src/layouts/MainLayout/header.tsx b/src/layouts/MainLayout/header.tsx
index 8712291..db30370 100644
--- a/src/layouts/MainLayout/header.tsx
+++ b/src/layouts/MainLayout/header.tsx
@@ -1,13 +1,14 @@
 'use client';
 
-import React from 'react';
 import NavRoutes from './components/NavRoutes';
 import LocaleSelect from './components/LocaleSelect';
+import Avatar from './components/Avatar';
 
 const RightActions = () => {
   return (
     <div className="flex items-center gap-2">
       <LocaleSelect />
+      <Avatar />
     </div>
   );
 };