考试页面样式修改

assets/scss/cus-client/cus-client-common.scss

@@ -751,7 +751,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
     h4{@include setFontStyle(-2);color: rgba(0, 0, 0, 0.85);@include single-line-ellipsis;margin-bottom: 8px;}
     h4:hover{color: #3e7ce7;cursor: pointer;}
     span{display: block;@include setFontStyle(-6);color: rgba(0, 0, 0, 0.65);margin-bottom: 8px;}
-    p{@include setFontStyle(-6);height: 66px;line-height: 22px;color: rgba(0, 0, 0, 0.65);@include multi-line-ellipsis(3);}
+    p{@include setFontStyle(-6);height: 66px;line-height: 22px;color: rgba(0, 0, 0, 0.65);@include multi-line-ellipsis(4);}
   }
 }
 

components/common/layout/imgDes/imgCardLv1_index.vue

@@ -114,8 +114,9 @@ export default {
     justify-content: center;
 
     img {
-      width: 480px;
-      height: 370px;
+      max-width: 100%;
+      height: auto;
+      flex-shrink: 0;
     }
   }
 

components/common/layout/imgDes/imgCardLv2.vue

@@ -73,21 +73,22 @@ export default {
     align-items: center;
     justify-content: center;
     img {
-      width: 480px;
-      height: 370px;
+      max-width: 100%;
+      height: auto;
+      flex-shrink: 0;
     }
   }
 
   .img-left {
     img {
-      margin-left: 100px;
+      margin-left: 150px;
     }
 
   }
 
   .img-right {
     img {
-      margin-right: 100px;
+      margin-right: 150px;
     }
   }
 

components/common/layout/imgDes/imgCardLv2_exam.vue

@@ -68,7 +68,7 @@ export default {
 
 <style lang="scss" scoped>
 .mta-card-lv2 {
-  padding: 60px 0 60px 0;
+  padding: 100px 0 100px 0;
 
   .mta-card-content-pc {
     display: flex;

components/common/layout/imgDes/imgCardLv3.vue

@@ -65,8 +65,9 @@ export default {
     justify-content: center;
 
     img {
-      width: 480px;
-      height: 370px;
+      max-width: 100%;
+      height: auto;
+      flex-shrink: 0;
     }
   }
 

components/common/layout/imgDes/imgCardLv4.vue

@@ -73,8 +73,9 @@ export default {
     align-items: center;
     justify-content: center;
     img {
-      width: 480px;
-      height: 370px;
+      max-width: 100%;
+      height: auto;
+      flex-shrink: 0;
     }
 
     .card-info {

components/common/newsComp2.vue

@@ -19,8 +19,8 @@
     </div>
 
     <!-- 新闻资讯 手机-->
-    <div class="client-container">
       <div class="client-newsInfo-phone mta-hidden-sm">
+        <div class="client-container">
         <h4 class="client-title-news">新闻资讯</h4>
         <el-carousel :interval="5000" type="card" height="300px" indicator-position="none" arrow="never">
           <el-carousel-item v-for="(item,index) in curNewsData" @click="checkInfo(item)" :key="index" class="el-row">
@@ -90,16 +90,11 @@ export default {
 .platform-news-information {
   overflow: hidden;
   h4.client-title-news {
-    font-size: 30px;
     font-weight: 800;
     text-align: center;
     color: #333;
-    margin-top: 100px;
-    margin-bottom: 80px;
-  }
-
-  ul {
-    margin-bottom: 100px;
+    font-size: 18px;
+    padding-top: 20px;
   }
 
   ul > li {
@@ -108,8 +103,7 @@ export default {
       color: #333;
       text-align: left;
       font-weight: 800;
-
-
+      margin-bottom: 8px;
     }
 
     .new_date {
@@ -122,18 +116,21 @@ export default {
       &:after {
         content: '';
         position: absolute;
-        bottom: -8px;
+        bottom: -10px;
         left: 250px;
         width: 60px;
-        height: 3px;
+        height: 2px;
         background: #00B96B;
       }
     }
 
     .new_des {
+      height: 96px;
       font-size: 14px;
+      line-height: 24px;
       font-weight: 500;
       color: #565656;
+      text-align: justify;
     }
   }
 
@@ -143,7 +140,7 @@ export default {
 
     img {
       width: 226px;
-      height: 152px;
+      height: 154px;
     }
   }
 }
@@ -174,7 +171,7 @@ export default {
       }
       span{margin-top: 16px; font-size: 12px; display: block}
       p{min-height: 40px;margin-top: 16px; font-size: 12px;
-        -webkit-line-clamp:3;
+        -webkit-line-clamp:4;
         text-overflow: ellipsis;
         -o-text-overflow: ellipsis;
         overflow: hidden;

pages/product/exam.vue

@@ -293,7 +293,6 @@ export default {
 .btn-groups {
   margin-top: 48px;
 }
-
 .product-exam-btn {
   color: #00b96b;
   width: 200px;
@@ -306,7 +305,7 @@ export default {
 
 // 辅助功能
 .client-fuzhu-gongneng {
-    margin-top: 130px;
+    margin-top: 100px;
     margin-bottom: 120px;
 
     h4 {
@@ -377,7 +376,7 @@ export default {
   }
 
   .client-fuzhu-gongneng {
-    margin-top: 130px;
+    margin-top: 100px;
     margin-bottom: 120px;
 
     h4 {
@@ -446,10 +445,10 @@ export default {
 }
 
 .platform-products-services {
-  .img-card:nth-child(2) {
+  .img-card:nth-child(3) {
     background: #fafffc;
   }
-  .img-card:nth-child(4) {
+  .img-card:nth-child(5) {
     background: #fafffc;
   }
 }