src/pages/UserFramework.tsx

@@ -0,0 +1,37 @@
+import React from 'react'
+import FitFullScreen from '@/components/common/FitFullScreen'
+import '@/assets/css/pages/tools-framework.scss'
+import Sidebar from '@/components/common/sidebar'
+import SidebarItemList from '@/components/common/sidebar/SidebarItemList'
+import SidebarItem from '@/components/common/sidebar/SidebarItem'
+import user from '@/router/user.tsx'
+
+const ToolsFramework: React.FC = () => {
+    return (
+        <>
+            <FitFullScreen className={'flex-horizontal'}>
+                <div className={'left-panel'}>
+                    <Sidebar title={'个人中心'}>
+                        <SidebarItemList>
+                            {user.map((value) => {
+                                return value.menu ? (
+                                    <SidebarItem
+                                        path={value.path}
+                                        icon={value.icon}
+                                        text={value.name}
+                                        key={value.id}
+                                    />
+                                ) : undefined
+                            })}
+                        </SidebarItemList>
+                    </Sidebar>
+                </div>
+                <div className={'right-panel'}>
+                    <Outlet />
+                </div>
+            </FitFullScreen>
+        </>
+    )
+}
+
+export default ToolsFramework

src/router/index.tsx

@@ -1,6 +1,7 @@
 import React from 'react'
 import tools from '@/router/tools'
 import home from '@/router/home'
+import user from '@/router/user.tsx'
 
 const mapJsonToRoute = (jsonObject: RouteJsonObject[]): RouteObject[] => {
     return jsonObject.map((value) => ({
@@ -55,6 +56,14 @@ const root: RouteJsonObject[] = [
                 name: '工具',
                 auth: false
             },
+            {
+                path: '/user',
+                id: 'userFramework',
+                component: React.lazy(() => import('@/pages/UserFramework')),
+                children: setTitle(user, '个人中心'),
+                name: '个人中心',
+                auth: true
+            },
             {
                 path: '',
                 id: 'homeFramework',

src/router/user.tsx

@@ -0,0 +1,17 @@
+import React from 'react'
+
+const user: RouteJsonObject[] = [
+    {
+        path: '',
+        id: 'user',
+        name: '个人档案',
+        icon: React.lazy(() => import('~icons/fatweb/user.jsx')),
+        menu: true
+    },
+    {
+        path: '*',
+        element: <Navigate to="/user" replace />
+    }
+]
+
+export default user