modified: src/views/teacher/main/CurriculaManager.vue

src/views/teacher/main/CurriculaManager.vue

@@ -7,7 +7,7 @@
       <div class="curricula-manager-body-button">
         <el-button
           @click="click(item.status, index)"
-          :class="background == index ? 'changeColor' : 'bgcolor'"
+          :class="['bg-color', { active: background == index }]"
           v-for="(item, index) in statusList"
           :key="index"
         >
@@ -22,7 +22,7 @@
         </span>
       </div>
       <div class="curricula-manager-body-add">
-        <el-button class="bgcolor" @click="add()">新建课程</el-button>
+        <el-button class="bg-color" @click="add()">新建课程</el-button>
       </div>
     </div>
     <div class="curricula-manager-foot">
@@ -34,7 +34,7 @@
           </div>
           <div class="curricula-manager-foot-create">
             <span>{{ item.createTime }}</span>
-            <span class="curricula-manager-foot-onclass">{{ item.onclassTime }}</span>
+            <span class="curricula-manager-foot-onclass">{{ item.onClassTime }}</span>
             <span class="curricula-manager-foot-onclass">授课教师：{{ item.teacher }}</span>
           </div>
         </div>
@@ -89,7 +89,7 @@ export default {
         {
           subject: '中文 轻松学中文初段 暑假 0813',
           createTime: '2021/3/28',
-          onclassTime: '2021/4/25',
+          onClassTime: '2021/4/25',
           teacher: '张一三',
           val: '进行中',
           status: '1'
@@ -97,7 +97,7 @@ export default {
         {
           subject: '中文 轻松学中文初段 暑假 0813',
           createTime: '2021/3/12',
-          onclassTime: '2021/4/23',
+          onClassTime: '2021/4/23',
           teacher: '张一三',
           val: '进行中',
           status: '1'
@@ -105,7 +105,7 @@ export default {
         {
           subject: '中文 轻松学中文初段 暑假 0813',
           createTime: '2021/3/22',
-          onclassTime: '2021/4/17',
+          onClassTime: '2021/4/17',
           teacher: '张一三',
           val: '已结束',
           status: '3'
@@ -113,7 +113,7 @@ export default {
         {
           subject: '中文 轻松学中文初段 暑假 0813',
           createTime: '2021/3/2',
-          onclassTime: '2021/4/28',
+          onClassTime: '2021/4/28',
           teacher: '张一三',
           val: '待开始',
           status: '2'
@@ -121,7 +121,7 @@ export default {
         {
           subject: '中文 轻松学中文初段 暑假 0813',
           createTime: '2021/3/6',
-          onclassTime: '2021/4/1',
+          onClassTime: '2021/4/1',
           teacher: '张一三',
           val: '进行中',
           status: '1'
@@ -129,7 +129,7 @@ export default {
         {
           subject: '中文 轻松学中文初段 暑假 0813',
           createTime: '2021/3/19',
-          onclassTime: '2021/4/9',
+          onClassTime: '2021/4/9',
           teacher: '张一三',
           val: '已结束',
           status: '3'
@@ -137,7 +137,7 @@ export default {
         {
           subject: '中文 轻松学中文初段 暑假 0813',
           createTime: '2021/3/16',
-          onclassTime: '2021/4/25',
+          onClassTime: '2021/4/25',
           teacher: '张一三',
           val: '待开始',
           status: '2'
@@ -145,7 +145,7 @@ export default {
         {
           subject: '中文 轻松学中文初段 暑假 0813',
           createTime: '2021/3/21',
-          onclassTime: '2021/4/11',
+          onClassTime: '2021/4/11',
           teacher: '张一三',
           val: '进行中',
           status: '1'
@@ -169,32 +169,32 @@ export default {
 
 <style lang="scss">
 .curricula-manager {
-  .changeColor {
-    background: #e5e5e5;
-    border: 1px solid #0c0c0c;
-    border-radius: 0;
-    color: #0c0c0c;
-    margin-bottom: 20px;
-  }
   .curricula-manager-header .el-input {
-    width: 245px;
+    width: 244px;
     height: 40px;
     margin-top: 50px;
     margin-left: 359px;
   }
   .curricula-manager-body-button .el-button {
-    width: 95px;
-    height: 55px;
+    width: 97px;
+    height: 52px;
     font-size: 16px;
     margin-top: 50px;
-    margin-left: 340px;
+    margin-left: 338px;
   }
-  .bgcolor {
+  .bg-color {
     background: #c4c4c4;
     border: 1px solid #c4c4c4;
     border-radius: 0;
     color: #0c0c0c;
     margin-bottom: 20px;
+    &.active {
+      background: #e5e5e5;
+      border: 1px solid #0c0c0c;
+      border-radius: 0;
+      color: #0c0c0c;
+      margin-bottom: 20px;
+    }
   }
   .el-button + .el-button {
     margin-left: 0;
@@ -209,15 +209,15 @@ export default {
   .curricula-manager-body {
     .curricula-manager-body-add {
       margin-top: 5px;
-      margin-left: 930px;
+      margin-left: 855px;
     }
   }
 
   .curricula-manager-foot {
     .circulation {
-      margin: 0 0 20px 0;
-      width: 1030px;
-      height: 100px;
+      margin: 0 0 15px 0;
+      width: 953px;
+      height: 92px;
       background-color: #eee;
       padding: 20px 20px 0 20px;
     }