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>
   );
 };