样式及存在bug

src/components/Header.vue

@@ -21,7 +21,8 @@
               >
                 {{ projectName }}
                 <!-- SYSTEM -->
-                <i class="el-icon-arrow-down el-icon--right"></i>
+                <img v-if="activeIndex==2" src="../assets/teacherdev/headerDownlod.png" alt="" />
+                <img v-else src="../assets/teacherdev/headerDownlod2.png" alt="">
               </span>
               <el-dropdown-menu slot="dropdown" style="min-width: 278px">
                 <el-dropdown-item
@@ -57,7 +58,8 @@
           @command="changeLang"
         >
           <span class="el-dropdown-link" style="color: #fff">
-            {{ lang }}<i class="el-icon-arrow-down el-icon--right"></i>
+            {{ lang }}
+            <img src="../assets/teacherdev/headerDownlod2.png" alt="" />
           </span>
           <el-dropdown-menu slot="dropdown" style="width: 200px">
             <el-dropdown-item
@@ -406,7 +408,7 @@ export default {
 <style lang="scss" scoped>
 .LoginNav1 {
   // height: 74px;
-  height: 60px;
+  height: 64px;
   position: relative;
   display: flex;
   align-items: center;
@@ -417,6 +419,13 @@ export default {
   // background: #ffffff;
   // box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
   font-family: "sourceR";
+  .el-dropdown-link {
+    img {
+      width: 8px;
+      height: 4px;
+      vertical-align: middle;
+    }
+  }
   .logo {
     &-img {
       font-style: normal;
@@ -485,7 +494,7 @@ export default {
       .redDot {
         position: absolute;
         top: 2px;
-        right: -2px;
+        right: 2px;
         width: 6px;
         height: 6px;
         display: inline-block;
@@ -519,7 +528,7 @@ export default {
         height: 34px;
       }
       > span {
-        font-size: 20px;
+        font-size: 16px;
         padding-left: 10px;
       }
       .userShow {

src/components/teacher-dev/Teaching.vue

@@ -132,7 +132,7 @@ export default {
       align-items: center;
       .text {
         position: relative;
-        font-size: 30px;
+        font-size: 24px;
         font-weight: bold;
       }
       .more {
@@ -151,21 +151,24 @@ export default {
     }
   }
   .class_list {
-    width: 1200px;
+    width: 1160px;
+    height: 778px;
     margin: 0 auto;
     background: #fff;
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
     padding-top: 50px;
-    padding-bottom: 50px;
+    padding-left: 20px;
+    padding-right: 20px;
     > div {
-      margin: 0 0 0 32px;
-      // width: 192px;
+      width: 192px;
+      margin-left: 20px;
+      margin-right: 20px;
       transition: all 1s;
       cursor: pointer;
+      margin-bottom: 32px;
       .one_name {
-        width: 90%;
         height: 40px;
         margin-top: 10px;
         word-break: break-all;
@@ -176,6 +179,7 @@ export default {
         overflow: hidden;
         font-size: 14px;
         color: #2c2c2c;
+        cursor: pointer;
         padding-left: 4px;
       }
       .price {
@@ -194,9 +198,8 @@ export default {
         justify-content: center;
         align-items: center;
         width: 100%;
-        height: 200px;
+        height: 256px;
         // border: 1px solid rgba(0, 0, 0, 0.15);
-
         img {
           max-width: 100%;
           max-height: 100%;

src/components/teacher-dev/Textbook.vue

@@ -132,7 +132,7 @@ export default {
       align-items: center;
       .text {
         position: relative;
-        font-size: 30px;
+        font-size: 24px;
         font-weight: bold;
       }
       .more {
@@ -151,21 +151,24 @@ export default {
     }
   }
   .class_list {
-    width: 1200px;
+    width: 1160px;
     margin: 0 auto;
     background: #fff;
+    height: 778px;
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
     padding-top: 50px;
-    padding-bottom: 50px;
+    padding-left: 20px;
+    padding-right: 20px;
     > div {
-      margin: 0 0 0 32px;
-      // width: 192px;
+      width: 192px;
+      margin-left: 20px;
+      margin-right: 20px;
       transition: all 1s;
       cursor: pointer;
+      margin-bottom: 32px;
       .one_name {
-        width: 90%;
         height: 40px;
         margin-top: 10px;
         word-break: break-all;
@@ -195,9 +198,8 @@ export default {
         justify-content: center;
         align-items: center;
         width: 100%;
-        height: 200px;
+        height: 256px;
         // border: 1px solid rgba(0, 0, 0, 0.15);
-
         img {
           max-width: 100%;
           max-height: 100%;

src/views/teacher-dev/Preview.vue

@@ -340,7 +340,7 @@ export default {
 .tarcer-dev-Preview {
   height: 100%;
   .header {
-    height: 60px;
+    height: 64px;
     background: url("../../assets/teacherdev/Homebg2.png") no-repeat;
     background-size: 100% 100%;
     position: relative;
@@ -375,6 +375,7 @@ export default {
     position: relative;
   }
   .flassify {
+    position: relative;
     width: 1140px;
     height: 154px;
     margin: 0 auto;
@@ -398,6 +399,9 @@ export default {
       }
     }
     .pay_collect {
+      position: absolute;
+      right: 30px;
+      bottom: 24px;
       display: flex;
       align-items: center;
       .price {

src/views/teacher-dev/Viewmore.vue

@@ -330,7 +330,7 @@ export default {
 /* @import url(); 引入css类 */
 .Viewmore {
   .header {
-    height: 60px;
+    height: 64px;
     background: url("../../assets/teacherdev/Homebg2.png") no-repeat;
     background-size: 100% 100%;
     position: relative;

src/views/teacher-dev/index.vue

@@ -229,7 +229,7 @@ export default {
   .nav {
     background: url("../../assets/teacherdev/Homebg2.png") no-repeat;
     background-size: 100% 100%;
-    height: 60px;
+    height: 64px;
     border-bottom-left-radius: 20px;
     border-bottom-right-radius: 20px;
     position: relative;
@@ -272,6 +272,9 @@ export default {
     padding: 0 156px;
     align-items: center;
     font-weight: 600;
+    .el-menu-item {
+      font-size: 16px;
+    }
     // 取消组件默认的样式
     .el-menu.el-menu--horizontal {
       border-bottom: none;

src/views/teacher-devEntering/creadDocument.vue

@@ -382,7 +382,7 @@ export default {
 .creadDocument {
   height: 100%;
   .nav {
-    height: 60px;
+    height: 64px;
     background: #424141;
   }
   .title {

src/views/teacher-devEntering/index.vue

@@ -378,7 +378,7 @@ export default {
 <style lang="scss" scoped>
 .teacher-devEntering {
   .nav {
-    height: 60px;
+    height: 64px;
     background: #424141;
   }
   .top {