侧边栏路由跳转

src/manager/components/Authority.vue

@@ -1 +1,3 @@
-<template></template>
+<template>
+  权限管理
+</template>

src/manager/components/Carousel.vue

@@ -1,3 +1,3 @@
 <template>
-
+轮播图管理
 </template>

src/manager/components/Daily.vue

@@ -1,3 +1,3 @@
 <template>
-
+日报管理
 </template>

src/manager/components/Log.vue

@@ -1,3 +1,3 @@
 <template>
-
+日志管理
 </template>

src/manager/components/Main.vue

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

src/manager/components/Message.vue

@@ -1,3 +1,3 @@
 <template>
-
+消息管理
 </template>

src/manager/components/NewsDisplay.vue

@@ -1,3 +1,3 @@
 <template>
-
+新闻展示
 </template>

src/manager/components/NewsInformation.vue

@@ -1,3 +1,3 @@
 <template>
-
+新闻信息
 </template>

src/manager/components/ProjectInformation.vue

@@ -1 +1,3 @@
-<template></template>
+<template>
+  项目信息
+</template>

src/manager/components/ProjectRecommend.vue

@@ -0,0 +1,3 @@
+<template>
+  项目推荐
+</template>

src/manager/components/Role.vue

@@ -1,3 +1,3 @@
 <template>
-
+角色管理
 </template>

src/manager/components/TeamInformation.vue

@@ -1,3 +1,3 @@
 <template>
-
+团队信息
 </template>

src/manager/components/TeamProfile.vue

@@ -1,3 +1,3 @@
 <template>
-
+团队简介
 </template>

src/manager/components/UserRecommend.vue

@@ -1,3 +1,3 @@
 <template>
-
+用户推荐
 </template>

src/manager/manage.vue

@@ -1,8 +1,6 @@
-<template >
+<template style="display: flex;flex-direction: column;">
- <div style="display: flex;flex-direction: column;">
+    <Header></Header>
-     <Header></Header>
+    <MainSection></MainSection>
-     <MainSection></MainSection>
- </div>
 </template>
 <script setup>
 import Header from "@/Manager/Header.vue";

src/router/index.js

@@ -11,11 +11,65 @@ const router = createRouter({
     {
       path:'/Manager',
       name:'Manager',
-      component:()=>import('../Manager/Manage.vue'),
+      component:()=>import('../manager/Manage.vue'),
-      children:[{
+      children:[
-        path:'/Manager/User',
+        {
-        component:() =>import('../Manager/components/User.vue')
+          path:'/Manager/User',
-      }]
+          component:() =>import('../manager/components/User.vue')
+        },
+        {
+          path:'/Manager/Role',
+          component:()=>import('../manager/components/Role.vue')
+        },
+        {
+          path:'/Manager/Authority',
+          component:()=>import('../manager/components/Authority.vue')
+        },
+        {
+          path:'/Manager/Log',
+          component:()=>import('../manager/components/Log.vue')
+        },
+        {
+          path:'/Manager/Daily',
+          component:()=>import('../manager/components/Daily.vue')
+        },
+        {
+          path:'/Manager/Message',
+          component:()=>import('../manager/components/Message.vue')
+        },
+        {
+          path:'/Manager/Carousel',
+          component:()=>import('../manager/components/Carousel.vue')
+        },
+        {
+          path:'/Manager/TeamProfile',
+          component:()=>import('../manager/components/TeamProfile.vue')
+        },
+        {
+          path:'/Manager/ProjectRecommend',
+          component:()=>import('../manager/components/ProjectRecommend.vue')
+        },
+        {
+          path:'/Manager/NewsDisplay',
+          component:()=>import('../manager/components/NewsDisplay.vue')
+        },
+        {
+          path:'/Manager/UserRecommend',
+          component:()=>import('../manager/components/UserRecommend.vue')
+        },
+        {
+          path:'/Manager/ProjectInformation',
+          component:()=>import('../manager/components/ProjectInformation.vue')
+        },
+        {
+          path:'/Manager/TeamInformation',
+          component:()=>import('../manager/components/TeamInformation.vue')
+        },
+        {
+          path:'/Manager/NewsInformation',
+          component:()=>import('../manager/components/NewsInformation.vue')
+        },
+      ]
     }
   ]
 })