更改了侧边栏样式

src/layouts/index.vue

@@ -1,5 +1,6 @@
 <script setup>
-import { Setting } from "@element-plus/icons-vue";
+import { Setting} from "@element-plus/icons-vue"; // 新增 Menu 图标
+
 const handleOpen = (key, keyPath) => {
   console.log(key, keyPath);
 };
@@ -46,6 +47,26 @@ const handleClose = (key, keyPath) => {
             <span>权限管理</span>
           </el-menu-item>
         </el-sub-menu>
+        <el-sub-menu index="/edu">
+          <template #title>
+            <el-icon>
+              <Setting />
+            </el-icon>
+            <span>教务管理</span>
+          </template>
+          <el-menu-item index="/educational/student">
+            <el-icon>
+              <Menu />
+            </el-icon>
+            <span>学生管理</span>
+          </el-menu-item>
+          <el-menu-item index="/educational/class">
+            <el-icon>
+              <Menu />
+            </el-icon>
+            <span>班级管理</span>
+          </el-menu-item>
+        </el-sub-menu>
       </el-menu>
     </el-aside>
     <el-container class="app-cent-container">

src/views/educational/class/index.vue

@@ -0,0 +1,13 @@
+<template>
+
+</template>
+
+<script>
+export default {
+  name: "index"
+};
+</script>
+
+<style scoped>
+
+</style>

src/views/educational/student/index.vue

@@ -0,0 +1,13 @@
+<template>
+
+</template>
+
+<script>
+export default {
+  name: "index"
+};
+</script>
+
+<style scoped>
+
+</style>