feat: menu style opt

src/layouts/BasicLayout.tsx

-import { useNavigate } from 'react-router-dom'
-
-import { DashboardOutlined } from '@ant-design/icons'
-// src/layouts/BasicLayout.tsx
-import { Layout, Menu, theme } from 'antd'
+import { UserOutlined, SettingOutlined } from '@ant-design/icons'
 
 const { Header, Content, Sider } = Layout
 
 const menuItems = [
   {
-    key: '/',
-    icon: <DashboardOutlined />,
-    label: 'Dashboard',
+    key: 'user',
+    icon: <UserOutlined />,
+    label: '用户管理',
+    children: [
+      {
+        key: '/user/list',
+        label: '人员列表',
+      },
+      {
+        key: '/user/dept',
+        label: '组织架构',
+      },
+    ],
+  },
+  {
+    key: '/system',
+    icon: <SettingOutlined />,
+    label: '系统管理',
   },
 ]
 
@@ -21,11 +32,11 @@ const BasicLayout: React.FC<React.PropsWithChildren> = ({ children }) => {
   const navigate = useNavigate()
 
   return (
-    <Layout className='min-h-screen text-9xl'>
+    <Layout className='h-screen text-9xl'>
       <Header className='p-0' />
       <Layout>
-        <Sider breakpoint='lg'>
-          <Menu theme='dark' mode='vertical' items={menuItems} onSelect={({ key }) => navigate(key)} />
+        <Sider breakpoint='lg' collapsible>
+          <Menu theme='dark' mode='inline' items={menuItems} onSelect={({ key }) => navigate(key)} />
         </Sider>
         <Content className='mt-6 mx-4'>
           <div className='p-6' style={{ background: colorBgContainer }}>

src/pages/[...all].tsx

-import { useNavigate } from 'react-router-dom'
-
-export default function NotFound() {
+const NotFound: React.FC = () => {
   const navigate = useNavigate()
 
   return (
@@ -16,3 +14,5 @@ export default function NotFound() {
     />
   )
 }
+
+export default NotFound

src/pages/index.tsx

@@ -16,6 +16,7 @@ const Home: React.FC = () => {
   return (
     <div>
       <header>首页</header>
+      <p>WelCome!</p>
       <Button loading={loading} onClick={() => run()}>
         测试
       </Button>