添加组件，配置路由

src/manager/components/Authority.vue

@@ -0,0 +1 @@
+<template></template>

src/manager/components/Carousel.vue

@@ -0,0 +1,3 @@
+<template>
+
+</template>

src/manager/components/Daily.vue

@@ -0,0 +1,3 @@
+<template>
+
+</template>

src/manager/components/Log.vue

@@ -0,0 +1,3 @@
+<template>
+
+</template>

src/manager/components/Main.vue

@@ -0,0 +1 @@
+<template></template>

src/manager/components/Message.vue

@@ -0,0 +1,3 @@
+<template>
+
+</template>

src/manager/components/NewsDisplay.vue

@@ -0,0 +1,3 @@
+<template>
+
+</template>

src/manager/components/NewsInformation.vue

@@ -0,0 +1,3 @@
+<template>
+
+</template>

src/manager/components/ProjectInformation.vue

@@ -0,0 +1 @@
+<template></template>

src/manager/components/Role.vue

@@ -0,0 +1,3 @@
+<template>
+
+</template>

src/manager/components/TeamInformation.vue

@@ -0,0 +1,3 @@
+<template>
+
+</template>

src/manager/components/TeamProfile.vue

@@ -0,0 +1,3 @@
+<template>
+
+</template>

src/manager/components/User.vue

@@ -0,0 +1,3 @@
+<template>
+
+</template>

src/manager/components/UserRecommend.vue

@@ -0,0 +1,3 @@
+<template>
+
+</template>

src/manager/manage.vue

@@ -32,6 +32,7 @@ function getItem(label, key, icon, children, type) {
   };
 }
 const items = reactive([
+  getItem('首页', 'sub1'),
   getItem('系统管理', 'sub1', () => h(MailOutlined), [
     getItem('用户管理', '1'),
     getItem('角色管理', '2'),

src/router/index.js

@@ -11,8 +11,70 @@ const router = createRouter({
     {
       path:'/manage',
       name:'manage',
-      component:()=>import('../manager/manage.vue')
-    }
+      component:()=>import('../manager/manage.vue'),
+      children:[
+        {
+          path:'/manage/authority',
+          component:()=>import('../manager/components/Authority.vue'),
+        },
+        {
+          path:'/manage/carousel',
+          component:()=>import('../manager/components/Carousel.vue'),
+        },
+        {
+          path:'/manage/daily',
+          component:()=>import('../manager/components/Daily.vue'),
+        },
+        {
+          path:'/manage/log',
+          component:()=>import('../manager/components/Log.vue'),
+        },
+        {
+          path:'/manage/main',
+          component:()=>import('../manager/components/Main.vue'),
+        },
+        {
+          path:'/manage/message',
+          component:()=>import('../manager/components/Message.vue'),
+        },
+        {
+          path:'/manage/newsdisplay',
+          component:()=>import('../manager/components/NewsDisplay.vue'),
+        },
+        {
+          path:'/manage/newsinformation',
+          component:()=>import('../manager/components/NewsInformation.vue'),
+        },
+        {
+          path:'/manage/projectinformation',
+          component:()=>import('../manager/components/ProjectInformation.vue'),
+        },
+        {
+          path:'/manage/projectrecommend',
+          component:()=>import('../manager/components/ProjectRecommend.vue'),
+        },
+        {
+          path:'/manage/role',
+          component:()=>import('../manager/components/Role.vue'),
+        },
+        {
+          path:'/manage/teaminformation',
+          component:()=>import('../manager/components/TeamInformation.vue'),
+        },
+        {
+          path:'/manage/teamprofile',
+          component:()=>import('../manager/components/TeamProfile.vue'),
+        },
+        {
+          path:'/manage/user',
+          component:()=>import('../manager/components/User.vue'),
+        },
+        {
+          path:'/manage/userrecommend',
+          component:()=>import('../manager/components/UserRecommend.vue'),
+        },
+      ]
+    },
   ]
 })