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

src/views/teacher/main/CurriculaManager.vue

@@ -27,15 +27,15 @@
     </div>
     <div class="curricula-manager-foot">
       <div v-for="(item, index) in taskList" :key="index">
-        <div v-if="item.status == isstatus" class="circulation">
+        <div v-if="item.status == isStatus" class="circulation">
           <div class="curricula-manager-foot-value">
             <span>{{ item.subject }}</span>
             <span>{{ item.val }}</span>
           </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.teacher }}</span>
+            <span class="curricula-manager-foot-on-class">{{ item.onClassTime }}</span>
+            <span class="curricula-manager-foot-on-class">授课教师：{{ item.teacher }}</span>
           </div>
         </div>
       </div>
@@ -50,7 +50,7 @@ export default {
     return {
       input: '',
       background: 0,
-      isstatus: 1,
+      isStatus: 1,
       sortList: [
         {
           id: '1',
@@ -155,7 +155,7 @@ export default {
   },
   methods: {
     click(status, index) {
-      this.isstatus = status;
+      this.isStatus = status;
       this.background = index;
       console.log(status);
       console.log(index);
@@ -169,13 +169,13 @@ export default {
 
 <style lang="scss">
 .curricula-manager {
-  .curricula-manager-header .el-input {
+  &-header .el-input {
     width: 244px;
     height: 40px;
     margin-top: 50px;
     margin-left: 359px;
   }
-  .curricula-manager-body-button .el-button {
+  &-body-button .el-button {
     width: 97px;
     height: 52px;
     font-size: 16px;
@@ -202,18 +202,18 @@ export default {
   .sort {
     margin-top: 30px;
     margin-bottom: -35px;
-    .sort-body {
+    &-body {
       margin-left: 20px;
     }
   }
-  .curricula-manager-body {
-    .curricula-manager-body-add {
+  &-body {
+    &-add {
       margin-top: 5px;
       margin-left: 855px;
     }
   }
 
-  .curricula-manager-foot {
+  &-foot {
     .circulation {
       margin: 0 0 15px 0;
       width: 953px;
@@ -221,14 +221,14 @@ export default {
       background-color: #eee;
       padding: 20px 20px 0 20px;
     }
-    .curricula-manager-foot-value {
+    &-value {
       display: flex;
       justify-content: space-between;
     }
-    .curricula-manager-foot-create {
+    &-create {
       padding: 20px 0 0 0;
     }
-    .curricula-manager-foot-onclass {
+    &-on-class {
       margin-left: 20px;
     }
   }