dev 分支暂存

2026-05-16 08:26:56 +08:00
parent 58c8caa570
commit eb4129176c
71 changed files with 8474 additions and 214 deletions
@@ -0,0 +1,44 @@
+import { useState } from 'react';
+import { Sidebar } from './Sidebar';
+import { Header } from './Header';
+import { useAuth } from '@/hooks/useAuth';
+
+interface AppLayoutProps {
+  children: React.ReactNode;
+}
+
+export function AppLayout({ children }: AppLayoutProps) {
+  const [sidebarOpen, setSidebarOpen] = useState(false);
+  const { isLoggedIn } = useAuth();
+
+  return (
+    <div className="flex h-screen bg-[#FFFAF5] dark:bg-[#1a1a2e]">
+      {/* 侧边栏 */}
+      {isLoggedIn && (
+        <>
+          {/* 移动端遮罩 */}
+          {sidebarOpen && (
+            <div
+              className="fixed inset-0 bg-black/30 z-20 lg:hidden"
+              onClick={() => setSidebarOpen(false)}
+            />
+          )}
+          <div
+            className={`
+              fixed lg:static inset-y-0 left-0 z-30 w-64 transform transition-transform duration-300 ease-in-out
+              ${sidebarOpen ? 'translate-x-0' : '-translate-x-full lg:translate-x-0'}
+            `}
+          >
+            <Sidebar onClose={() => setSidebarOpen(false)} />
+          </div>
+        </>
+      )}
+
+      {/* 主内容区 */}
+      <div className="flex-1 flex flex-col min-w-0">
+        {isLoggedIn && <Header onMenuClick={() => setSidebarOpen(!sidebarOpen)} />}
+        <main className="flex-1 overflow-hidden">{children}</main>
+      </div>
+    </div>
+  );
+}