style: login

2024-07-08 14:46:33 +08:00
parent b753528e44
commit 01e9b70f6d
20 changed files with 178 additions and 40 deletions
@@ -0,0 +1,66 @@
+import {
+  AppstoreOutlined,
+  MailOutlined,
+  SettingOutlined
+} from '@ant-design/icons';
+import { Menu, type MenuProps } from 'antd';
+import React from 'react';
+
+type MenuItem = Required<MenuProps>['items'][number];
+const items: MenuItem[] = [
+  {
+    key: 'sub1',
+    icon: <MailOutlined />,
+    label: 'Navigation One',
+    children: [
+      {
+        key: '1-1',
+        label: 'Item 1',
+        type: 'group',
+        children: [
+          { key: '1', label: 'Option 1' },
+          { key: '2', label: 'Option 2' }
+        ]
+      },
+      {
+        key: '1-2',
+        label: 'Item 2',
+        type: 'group',
+        children: [
+          { key: '3', label: 'Option 3' },
+          { key: '4', label: 'Option 4' }
+        ]
+      }
+    ]
+  },
+  {
+    key: 'sub2',
+    icon: <AppstoreOutlined />,
+    label: 'Navigation Two',
+    children: [
+      { key: '5', label: 'Option 5' },
+      { key: '6', label: 'Option 6' },
+      {
+        key: 'sub3',
+        label: 'Submenu'
+      }
+    ]
+  },
+  {
+    key: 'sub4',
+    label: 'Navigation Three',
+    icon: <SettingOutlined />,
+    children: [
+      { key: '9', label: 'Option 9' },
+      { key: '10', label: 'Option 10' },
+      { key: '11', label: 'Option 11' },
+      { key: '12', label: 'Option 12' }
+    ]
+  }
+];
+
+const RenderLinks: React.FC = () => {
+  return <Menu mode="vertical" items={items} />;
+};
+
+export default React.memo(RenderLinks);