修改样式问题和bug

src/components/Header.vue

@@ -21,7 +21,16 @@
               >
                 {{ projectName }}
                 <!-- SYSTEM -->
-                <i class="el-icon-arrow-down el-icon--right"></i>
+                <img
+                  v-if="activeIndex == 2"
+                  src="../assets/learncenter/headerDownlod.png"
+                  alt=""
+                />
+                <img
+                  v-else
+                  src="../assets/learncenter/headerDownlod2.png"
+                  alt=""
+                />
               </span>
               <el-dropdown-menu slot="dropdown" style="min-width: 278px">
                 <el-dropdown-item
@@ -57,7 +66,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/learncenter/headerDownlod2.png" alt="" />
           </span>
           <el-dropdown-menu slot="dropdown" style="width: 200px">
             <el-dropdown-item
@@ -399,7 +409,7 @@ export default {
 <style lang="scss" scoped>
 .LoginNav1 {
   // height: 74px;
-  height: 60px;
+  height: 64px;
   position: relative;
   display: flex;
   align-items: center;
@@ -439,6 +449,13 @@ export default {
       border-bottom: none;
     }
   }
+  .el-dropdown-link {
+    img {
+      width: 8px;
+      height: 4px;
+      vertical-align: middle;
+    }
+  }
   .userName {
     display: flex;
     justify-content: flex-end;
@@ -478,7 +495,7 @@ export default {
       .redDot {
         position: absolute;
         top: 2px;
-        right: -2px;
+        right: 2px;
         width: 6px;
         height: 6px;
         display: inline-block;
@@ -512,7 +529,7 @@ export default {
         height: 34px;
       }
       > span {
-        font-size: 20px;
+        font-size: 16px;
         padding-left: 10px;
       }
       .userShow {

src/components/learnCenter/Course.vue

@@ -81,13 +81,13 @@ export default {
   .top {
     width: 1200px;
     margin: 0 auto;
-    height: 100px;
+    height: 90px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     .title {
       font-weight: bold;
-      font-size: 30px;
+      font-size: 24px;
       display: flex;
       span {
         display: inline-block;
@@ -139,15 +139,15 @@ export default {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
-    padding-bottom: 30px;
+    padding-bottom: 40px;
     > div {
       margin: 50px 0 0 32px;
-      width: 254px;
+      width: 256px;
       cursor: pointer;
       .one_name {
         width: 100%;
         height: 38px;
-        margin-top: 10px;
+        margin-top: 16px;
         word-break: break-all;
         display: -webkit-box;
         -webkit-box-orient: vertical;
@@ -159,6 +159,7 @@ export default {
         padding-left: 5px;
       }
       .price {
+        margin-top: 8px;
         font-weight: bold;
         color: #2c2c2c;
         font-size: 24px;
@@ -174,7 +175,7 @@ export default {
         justify-content: center;
         align-items: center;
         width: 100%;
-        height: 200px;
+        height: 144px;
         border: 1px solid rgba(0, 0, 0, 0.15);
 
         img {

src/components/learnCenter/Textbook.vue

@@ -77,16 +77,17 @@ export default {
 
 <style lang="scss"  scoped>
 .Textbook {
+  margin-top: 71px;
   .top {
     width: 1200px;
     margin: 0 auto;
-    height: 100px;
+    height: 90px;
     display: flex; 
     justify-content: space-between;
     align-items: center;
     .title {
       font-weight: bold;
-      font-size: 30px;
+      font-size: 24px;
       display: flex;
       span {
         display: inline-block;
@@ -133,7 +134,7 @@ export default {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
-    padding-bottom: 30px;
+    padding-bottom: 40px;
     > div {
       margin: 50px 0 0 32px;
       width: 192px;
@@ -141,7 +142,7 @@ export default {
       .one_name {
         width: 100%;
         height: 38px;
-        margin-top: 10px;
+        margin-top: 16px;
         word-break: break-all;
         display: -webkit-box;
         -webkit-box-orient: vertical;
@@ -153,6 +154,7 @@ export default {
         padding-left: 5px;
       }
       .price {
+        margin-top: 8px;
         font-weight: bold;
         color: #2c2c2c;
         font-size: 24px;
@@ -168,9 +170,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/learn-center/CourseDetail.vue

@@ -813,7 +813,7 @@ export default {
   .nav {
     background: url("../../assets/learncenter/Homebg2.png") no-repeat center;
     background-size: 100% 100%;
-    height: 60px;
+    height: 64px;
     border-bottom-left-radius: 20px;
     border-bottom-right-radius: 20px;
     position: relative;

src/views/learn-center/ListPage.vue

@@ -189,7 +189,7 @@ export default {
   .nav {
     background: url("../../assets/learncenter/Homebg2.png") no-repeat center;
     background-size: 100% 100%;
-    height: 60px;
+    height: 64px;
     border-bottom-left-radius: 20px;
     border-bottom-right-radius: 20px;
     position: relative;

src/views/learn-center/Seekresult.vue

@@ -248,7 +248,7 @@ export default {
   .nav {
     background: url("../../assets/learncenter/Homebg2.png") no-repeat center;
     background-size: 100% 100%;
-    height: 60px;
+    height: 64px;
     border-bottom-left-radius: 20px;
     border-bottom-right-radius: 20px;
     position: relative;

src/views/learn-center/TextbookDetail.vue

@@ -300,7 +300,7 @@ export default {
   .nav {
     background: url("../../assets/learncenter/Homebg2.png") no-repeat center;
     background-size: 100% 100%;
-    height: 60px;
+    height: 64px;
     border-bottom-left-radius: 20px;
     border-bottom-right-radius: 20px;
     position: relative;

src/views/learn-center/index.vue

@@ -239,10 +239,8 @@ export default {
   height: 100%;
   .nav {
     background: url("../../assets/learncenter/Homebg2.png") no-repeat;
-    background-size: 100% 100%;
-    height: 60px;
-    border-bottom-left-radius: 20px;
-    border-bottom-right-radius: 20px;
+    background-size: cover;
+    height: 64px;
     position: relative;
     .shade {
       position: absolute;
@@ -268,11 +266,15 @@ export default {
     }
   }
   .nav_title {
+    height: 64px;
     display: flex;
     // justify-content: space-around;
     justify-content: space-between;
     padding: 0 160px;
     align-items: center;
+    .el-menu-item{
+      font-size: 16px;
+    }
     // 取消组件默认的样式
     .el-menu.el-menu--horizontal {
       border-bottom: none;
@@ -309,7 +311,7 @@ export default {
     }
   }
   .main {
-    background: #e5e5e5;
+    background: #F6F6F6;
     padding-bottom: 50px;
     .ClassifyList {
       // margin-top: 50px;