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

src/views/teacher/main/CurriculaManager.vue

@@ -4,7 +4,7 @@
       <el-input v-model="input" placeholder="请输入" suffix-icon="el-icon-search"> </el-input>
     </div>
     <div class="curricula-manager-body">
-      <div class="curricula-manager-body1">
+      <div class="curricula-manager-body-button">
         <el-button
           @click="click(item.status, index)"
           :class="background == index ? 'changeColor' : 'bgcolor'"
@@ -16,26 +16,26 @@
       </div>
       <div class="sort">
         <span>排序:</span>
-        <div class="sort-body" v-for="item in sortList" :key="item.id">
+        <span class="sort-body" v-for="item in sortList" :key="item.id">
           {{ item.name }}
           <i class="el-icon-sort"></i>
-        </div>
+        </span>
       </div>
-      <div class="curricula-manager-body2">
+      <div class="curricula-manager-body-add">
         <el-button class="bgcolor" @click="add()">新建课程</el-button>
       </div>
     </div>
     <div class="curricula-manager-foot">
-      <div v-for="(item, inx) in taskList" :key="inx">
+      <div v-for="(item, index) in taskList" :key="index">
         <div v-if="item.status == isstatus" class="circulation">
-          <div class="curricula-manager-foot1">
+          <div class="curricula-manager-foot-value">
             <span>{{ item.subject }}</span>
             <span>{{ item.val }}</span>
           </div>
-          <div class="curricula-manager-foot2">
+          <div class="curricula-manager-foot-create">
             <span>{{ item.createTime }}</span>
-            <span class="curricula-manager-foot3">{{ item.onclassTime }}</span>
-            <span class="curricula-manager-foot3">授课教师：{{ item.teacher }}</span>
+            <span class="curricula-manager-foot-onclass">{{ item.onclassTime }}</span>
+            <span class="curricula-manager-foot-onclass">授课教师：{{ item.teacher }}</span>
           </div>
         </div>
       </div>
@@ -171,22 +171,23 @@ export default {
 .curricula-manager {
   .changeColor {
     background: #e5e5e5;
-    border: 1px solid #e5e5e5;
+    border: 1px solid #0c0c0c;
     border-radius: 0;
     color: #0c0c0c;
     margin-bottom: 20px;
   }
   .curricula-manager-header .el-input {
-    width: 365px;
+    width: 245px;
+    height: 40px;
     margin-top: 50px;
     margin-left: 359px;
   }
-  .curricula-manager-body1 .el-button {
-    width: 145px;
-    height: 75px;
-    font-size: 20px;
+  .curricula-manager-body-button .el-button {
+    width: 95px;
+    height: 55px;
+    font-size: 16px;
     margin-top: 50px;
-    margin-left: 325px;
+    margin-left: 340px;
   }
   .bgcolor {
     background: #c4c4c4;
@@ -199,7 +200,6 @@ export default {
     margin-left: 0;
   }
   .sort {
-    display: flex;
     margin-top: 30px;
     margin-bottom: -35px;
     .sort-body {
@@ -207,7 +207,7 @@ export default {
     }
   }
   .curricula-manager-body {
-    .curricula-manager-body2 {
+    .curricula-manager-body-add {
       margin-top: 5px;
       margin-left: 930px;
     }
@@ -221,14 +221,14 @@ export default {
       background-color: #eee;
       padding: 20px 20px 0 20px;
     }
-    .curricula-manager-foot1 {
+    .curricula-manager-foot-value {
       display: flex;
       justify-content: space-between;
     }
-    .curricula-manager-foot2 {
+    .curricula-manager-foot-create {
       padding: 20px 0 0 0;
     }
-    .curricula-manager-foot3 {
+    .curricula-manager-foot-onclass {
       margin-left: 20px;
     }
   }