学员信息维护

frontend/src/views/student/studentInfo/index.vue

@@ -68,10 +68,11 @@
     </el-card>
 
     <!-- ==================== 2. 数据表格区域 ==================== -->
-    <div class="list-title">学员信息列表：</div>
-    <div class="toolbar"><el-button type="primary" @click="handleAdd">新增学员</el-button></div>
-
     <el-card shadow="never" class="table-card">
+      <div class="list-header">
+        <div class="list-title">学员信息列表</div>
+        <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增学员</el-button>
+      </div>
       <el-table v-loading="loading" :data="tableData" stripe border>
         <el-table-column type="index" label="序号" width="55" align="center" />
         <el-table-column prop="xh" label="学号" width="55" show-overflow-tooltip />
@@ -455,11 +456,20 @@ export default {
     }
   }
 
-  .toolbar {
-    margin-bottom: 16px;
-  }
-
   .table-card {
+    .list-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 16px;
+
+      .list-title {
+        font-size: 16px;
+        font-weight: 600;
+        color: #303133;
+      }
+    }
+
     .el-table {
       width: 100%;
     }