feat: frontend skeleton done

2026-05-15 09:46:42 +08:00
parent 2bee0ce8c8
commit d29b1bb394
36 changed files with 5008 additions and 0 deletions
@@ -0,0 +1,27 @@
+import { Layout } from 'antd'
+import { Outlet } from 'react-router-dom'
+import SideNav from './SideNav'
+import TopBar from './TopBar'
+import './AppLayout.css'
+
+const { Sider, Header, Content } = Layout
+
+function AppLayout() {
+  return (
+    <Layout className="app-layout">
+      <Sider width={220} className="app-sider">
+        <SideNav />
+      </Sider>
+      <Layout className="app-main">
+        <Header className="app-header">
+          <TopBar />
+        </Header>
+        <Content className="app-content">
+          <Outlet />
+        </Content>
+      </Layout>
+    </Layout>
+  )
+}
+
+export default AppLayout