src/renderer/src/views/classManage/classInfo.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-card style="width: 100%">
+  <el-card style="width: 100%;height: 100%">
     <template #header>
       <div style="text-align: left">
         <el-button v-if="classInfo.teacher.length > 0" type="danger" @click="deleteClassRoom">删除班级</el-button>

src/renderer/src/views/classManage/index.vue

@@ -15,12 +15,15 @@
       </el-aside>
       <el-main :style="{'min-height': (viewportHeight - 160) + 'px'}">
 <!--        <router-view :style="{'height': (viewportHeight - 120) + 'px','overflow-y': 'auto'}" :key="route.path"></router-view>-->
-<!--        班级概况-->
+        <div :style="{'height': (viewportHeight - 120) + 'px','overflow-y': 'auto'}">
+          <!--        班级概况-->
           <ClassInfo v-if="currentIndex==0" :classId="classId"></ClassInfo>
-<!--        学生列表-->
+          <!--        学生列表-->
           <StudentList v-else-if="currentIndex==1" :classId="classId"></StudentList>
-<!--        分组情况-->
+          <!--        分组情况-->
           <BasicGroup v-else-if="currentIndex==2" :classId="classId"></BasicGroup>
+        </div>
+
       </el-main>
     </el-container>
   </div>

src/renderer/src/views/classManage/studentList.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="height: 100%">
     <el-card style="width: 100%;height: 100%">
       <template #header>
         <div style="text-align: left;display: flex;justify-content: space-between">
@@ -19,8 +19,8 @@
                   src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
                 />
               </div>
-              <div>{{ item.name }}</div>
-              <div>{{ item.username }}</div>
+              <div><el-text class="mx-1" type="primary">{{ item.name }}</el-text></div>
+              <div><el-text class="mx-1" type="warning">{{ item.username }}</el-text></div>
             </div>
           </template>
           <template v-else>