首页样式调整

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

@@ -326,9 +326,9 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
 /**************** 网站内容 ****************/
 /* 网站标题 */
 .client-title{
-  @include setFontStyle(10);color: #333;letter-spacing: 0;padding-top: 80px;text-align: center;
+  @include setFontStyle(10);color: #333;letter-spacing: 0;padding-top: 80px;text-align: center;font-weight: 800;
   // head移动端响应式
-  @media (max-width: 768px){@include setFontStyle(-4);padding-top: 20px;font-weight: 700;color: rgb(16, 16, 16);}
+  @media (max-width: 768px){@include setFontStyle(-2);padding-top: 20px;font-weight: 700;color: rgb(16, 16, 16);}
 }
 
 /* 网站副标题 */
@@ -812,25 +812,26 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
 
 /* 底部跳转 */
 .bottom-btn-box{
-  height: 80px;position: fixed;bottom: 0;left: 0;right: 0;font-size: 0;background: #fff;z-index: 99999;border-top: 1px solid #ccc;
+  height: 65px;position: fixed;bottom: 0;left: 0;right: 0;font-size: 0;background: #fff;z-index: 99999;border-top: 1px solid #ccc;
   li{width: 50%;margin: 0;padding: 0;}
   .el-menu {
     box-sizing: border-box;
     padding: 10px;
-    height: 80px;
+    height: 65px;
     display: flex;
     justify-content: space-between;
+    align-items: center;
   }
 
   .el-menu-item {
-    a{width: 100%;height: 40px;line-height: 40px;display: inline-block;text-align: center;font-size: 13px;color: #333; border: 1px solid #00b96b;border-radius: 8px ;}
+    a{width: 100%;height: 40px;display: inline-flex;align-items:center;justify-content:center;text-align: center;font-size: 13px;color: #333; border: 1px solid #00b96b;border-radius: 8px;box-sizing: border-box;}
   }
   li:nth-child(1){
     margin-right: 20px;
+    span{color: #00b96b;font-size: 14px;}
   }
   li:nth-child(2) a {color:#fff;background: #00b96b; span{color: #fff;}}
-  i{width:22px;height: 22px;background-size:cover;display: inline-block;margin: 0 auto 3px;}
-  span{color: #333;}
+  i{width:22px;height: 22px;background-size:cover;display: inline-block;margin-right: 8px;}
   li:nth-child(1) i{background-image: url("~static/gangweiIcon/z140.png");}
   li:nth-child(2) i{background-image: url("~static/gangweiIcon/z141.png");}
   li.is-active span{color: #2881db;}

assets/scss/cus-client/cus-client-page.scss

@@ -29,24 +29,25 @@
     /* 发展历程 - 移动端隐藏*/
     .client-company-history{
       padding: 20px;
-      background:#f8f8f8;
+      background:#fff;
       position: relative;
       top: -80px;
       z-index: 10;
-      border-radius: 8px;
+      border-radius: 6px;box-sizing: border-box;
+      box-shadow: 0.52px 4.97px 18px 5px rgba(230,230,230,0.32);
 
       ul {
         display: flex;justify-content: center;flex-direction: row;
       }
       li{
        text-align: center;margin: 0 auto;
-        div{margin: 24px 0;}
-        p{@include setFontStyle(16);margin-bottom: 16px;color: #333;}
+        div{margin: 24px 0;text-align: left;}
+        p{@include setFontStyle(16);margin-bottom: 10px;color: #333;}
         span{@include setFontStyle(6);};
         h4{@include setFontStyle(-4);color: #666;};
         i {
-          width: 64px;
-          height: 54px;
+          width: 82px;
+          height: 72px;
           display: inline-block;
           background-size: contain;
           background-repeat: no-repeat;
@@ -229,16 +230,15 @@
 
     /* 超过10万家客户的信任之选 */
     .client-customer-box{
+      // 副标题
+      .client-subtitle-one-row{margin: 22px 0 50px;}
       .customer-img-box{
         padding-bottom: 80px;
         li{
-          width: 20%;
-          display: inline-block;
-        }
-        img{margin: 48px 30px 0;transition: all 0.5s;}
-        li:hover{
-          img{transform: scale(1.1);box-shadow: 0 4px 8px 0 rgba(214, 214, 214, 0.76);border-radius: 6px}
+          width: 200px;height: 60px;margin: 24px 16px;
+          display: inline-block;background: #ffffff;
         }
+        img{transition: all 0.5s;margin: 3px auto;display: block;}
       }
     }
 
@@ -339,13 +339,6 @@
         .el-carousel__button {width: 6px;height: 6px;border-radius: 3px;}
       }
 
-      /* 产品和服务 */
-      .client-products-services{
-        .client-title{
-          margin-bottom: 0;
-        }
-      }
-
       /* 行业学习需求 */
       .client-demand-box{
         padding: 30px 0 0;
@@ -425,11 +418,15 @@
       }
 
       /* 超过10万家客户的信任之选 */
-      .client-customer-box{padding-top: 50px;
+      .client-customer-box{
+        padding-top: 50px;
+        .client-subtitle-one-row {
+          margin: 10px 0 24px;
+        }
         .customer-img-box{
           padding-bottom: 50px;
-          li{width: 50%;text-align: center;}
-          img{max-width:90%;margin: 10px 0;}
+          li{width: 50%;text-align: center;margin: 0;padding: 0 10px;box-sizing: border-box;}
+          img{max-width:100%;margin: 10px 0;}
           li:hover{
             img{transform: scale(1.1);box-shadow: 0 4px 8px 0 rgba(214, 214, 214, 0.76);border-radius: 6px}
           }

components/common/newsComp.vue

@@ -27,8 +27,9 @@
     </div>
 
     <!-- 新闻资讯 手机-->
-    <div class="client-container">
+
       <div class="client-newsInfo-phone mta-hidden-sm">
+        <div class="client-container">
         <h4 class="client-title">新闻资讯</h4>
         <el-carousel :interval="5000" type="card" height="300px" indicator-position="none" arrow="never">
           <el-carousel-item v-for="(item,index) in newsData" @click="checkInfo(item)" :key="index" class="el-row">
@@ -101,7 +102,6 @@ export default {
     font-size: 30px;
     font-weight: 800;
     color: #333;
-    margin-top: 60px;
     margin-bottom: 70px;
   }
 

pages/index.vue

@@ -67,7 +67,8 @@
     <!-- 超过10万家客户的信任之选 -->
     <div class="client-customer-box mta-hidden-xs">
       <div class="client-container">
-        <h4 class="client-title">他们都在用</h4>
+        <h4 class="client-title">他们一直都在使用</h4>
+        <p class="client-subtitle-one-row">不断细分各行业客户，在各行各业全面绽放</p>
         <ul class="customer-img-box">
           <div class="customer-row">
             <li><img :src="customerImg1" alt="中国人民银行"/></li>
@@ -98,7 +99,8 @@
 
     <div class="client-customer-box mta-hidden-sm">
       <div class="client-container">
-        <h4 class="client-title">他们都在用</h4>
+        <h4 class="client-title">他们一直都在使用</h4>
+        <p class="client-subtitle-one-row">不断细分各行业客户，在各行各业全面绽放</p>
         <ul class="customer-img-box">
           <li><img :src="customerImg1" alt="中国人民银行"/></li>
           <li><img :src="customerImg2" alt="中国民生银行"/></li>
@@ -514,13 +516,6 @@ export default {
   position: relative;
 }
 
-.client-products-services {
-  .client-title {
-    font-size: 30px;
-    font-weight: 800;
-    color: #333;
-  }
-}
 
 .banner-btn-groups {
   position: absolute;
@@ -601,8 +596,8 @@ export default {
     justify-content: center;
 
     img {
-      width: 190px;
-      height: 54px;
+      width: 193px;
+      height: 63px;
     }
   }
 }