考试平台默认图片替换

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

@@ -265,13 +265,12 @@
       /* 网站banner */
       .client-platform-banner{
         width: 100%;
-        height: 395px;
-        background-color:#031073;
-        background-image: url("~static/images/client/index/index-banner-background.png");
-        background-position-x: center;
-        background-repeat: no-repeat;
-    }
-
+        height: 396px;
+        background-color:#042D85;
+        position: relative;
+        div{width:inherit;height:inherit;background-position-x: center;background-repeat: no-repeat;}
+        .free-trial-default-btn{position: absolute;top:260px;left: 50%;margin-left: -119px;}
+      }
       /* 产品优势 */
       .platform-products-services{
           li:not(:last-child){border-bottom:1px solid #eee; }
@@ -313,40 +312,28 @@
           display: inline-block;
           vertical-align: top;
           color: #fff;
-          .application-scenarios-img{
-            width: 116px;
-            height: 116px;
-            background-size: cover;
-            margin: 0 auto 24px;
-            i{width:32px;height:32px;display: block;background-size: cover;position: absolute;}
-          }
+          .application-scenarios-img{width: 100px;height: 100px;background-size: cover;margin: 0 auto 24px;}
           .application-scenarios-content{
-            padding: 60px 24px 40px;
-            margin: 0 12px;
-            background: #FFF;
-            border-radius: 8px;
-            h5{@include setFontStyle(-2);text-align: center;margin-bottom: 16px;}
-            p{@include setFontStyle(-6);line-height: 22px;text-align: justify;@include multi-line-ellipsis(5);min-height: 110px;max-height: 110px}
+            padding: 50px 30px 40px;margin: 0 12px;background: #FFF;
+            h5{@include setFontStyle(0);text-align: center;margin-bottom: 24px;}
+            p{@include setFontStyle(-4);line-height: 24px;text-align: justify;@include multi-line-ellipsis(5);min-height: 115px;max-height: 115px}
           }
         }
         li:nth-child(1){
           .application-scenarios-img {
-            background-image: url("~static/images/client/exam/application-scenarios-img1.svg");
-            i{top: 48px;left: 42px;background-image: url("~static/images/client/exam/application-scenarios-icon1.svg");}
+            background-image: url("~static/images/client/exam/application-scenarios-img1.png");
           }
           .application-scenarios-content{background: #ffbf00;}
         }
         li:nth-child(2){
           .application-scenarios-img {
-            background-image: url("~static/images/client/exam/application-scenarios-img2.svg");
-            i{top: 35px;left: 38px;background-image: url("~static/images/client/exam/application-scenarios-icon2.svg");}
+            background-image: url("~static/images/client/exam/application-scenarios-img2.png");
           }
           .application-scenarios-content{background: #3799db;}
         }
         li:nth-child(3){
           .application-scenarios-img {
-            background-image: url("~static/images/client/exam/application-scenarios-img3.svg");
-            i{top: 35px;left: 32px;background-image: url("~static/images/client/exam/application-scenarios-icon3.svg");}
+            background-image: url("~static/images/client/exam/application-scenarios-img3.png");
           }
           .application-scenarios-content{background: #63ba86;}
         }
@@ -357,8 +344,8 @@
   .client-train-page{
 
     /* 网站banner */
-    .client-train-banner{
-      //background-image: url("~static/images/client/train/train-banner-background.png");
+    .client-platform-banner{
+      background-color:#1F2772;
     }
 
     /* 产品功能 */
@@ -405,7 +392,7 @@
     .client-course-banner{
       width: 100%;
       height: 395px;
-      background-color:#031073;
+      background-color:#130C4F;
       background-position-x: center;
       background-repeat: no-repeat;
     }
@@ -527,29 +514,46 @@
 
     // 企业发展历程
     .enterprise-development-box{
-      // 覆盖饿了么样式
-      .el-tabs__nav-wrap::after,.el-tabs__active-bar{display: none;}
-      .el-tabs__nav-wrap,.el-tabs__nav-scroll{overflow: inherit}
-      .el-tabs__header{margin: 0;}
-      .el-tabs__nav{width: 100%;padding-bottom: 20px;border-bottom: 1px dotted #6c9ce1;}
-      .el-tabs__item{width: 170px;height: 45px;line-height:45px;border: 1px solid #3e7ee7;background: #fff;padding: 0;text-align: center;border-radius: 4px;margin-right: 24px;position: relative;}
-      .el-tabs__item.is-active{background: #3e7ee7;color: #fff}
-      .el-tabs__item:after{width: 14px;height: 14px;content: "";display: inline-block;border-radius: 50%;background: #888;position: absolute;bottom: -28px;left: 50%;margin-left: -7px;}
-      .el-tabs__item.is-active:after{background: #3e7ee7;}
+      // 覆盖饿了么tab样式
+      .enterprise-development-tab{
+        .el-tabs__nav-wrap::after,.el-tabs__active-bar{display: none;}
+        .el-tabs__header{
+          margin: 0;
+          .el-tabs__nav{width: 100%;padding-bottom: 20px;border-bottom: 1px dotted #6c9ce1;}
+          .el-tabs__nav-wrap,.el-tabs__nav-scroll{overflow: unset}
+        }
+        .el-tabs__item{width: 170px;height: 45px;line-height:45px;border: 1px solid #3e7ee7;background: #fff;padding: 0;text-align: center;border-radius: 4px;margin-right: 24px;position: relative;}
+        .el-tabs__item.is-active{background: #3e7ee7;color: #fff}
+        .el-tabs__item:after{width: 14px;height: 14px;content: "";display: inline-block;border-radius: 50%;background: #888;position: absolute;bottom: -28px;left: 50%;margin-left: -7px;}
+        .el-tabs__item.is-active:after{background: #3e7ee7;}
+        .el-tabs__content{overflow: unset}
+      }
+
+      // 企业发展历程内容部分
+      li{
+        width: 25%;display: inline-block;padding-top: 36px;
+        div{width: 250px;border-bottom: 1px solid #eee;}
+        img{margin-bottom: 14px;}
+        i{color: #3e7ee7;font-style: normal}
+        p{@include setFontStyle(-4);color: rgba(0,0,0,.65);margin-top: 14px;}
+      }
     }
 
     // 联系我们
     .contact-us-box{
       height: 534px;
       padding-top: 80px;
-      background-image: url("~static/images/client/aboutUs/contact-us-background.png");
+      border-top: 1px solid #ddd;
       .contact-container-box{
-        color: rgba(255,255,255,0.85);
+        width: 460px;
+        padding: 0 40px;
+        box-sizing: border-box;
+        color: rgba(0,0,0,0.85);
         h4{@include setFontStyle(10);margin-bottom: 32px;}
         li{
           i{width: 22px;height: 24px;display: inline-block;background-repeat: no-repeat;background-position: center;background-size: cover;margin-right: 16px;vertical-align: middle;}
           span{@include setFontStyle(0);vertical-align: middle;}
-          p{@include setFontStyle(-4);color: rgba(255,255,255,0.64);line-height: 24px;margin: 20px 0 24px;}
+          p{@include setFontStyle(-4);color: rgba(0,0,0,0.64);line-height: 24px;margin: 20px 0 24px;}
         }
         li:nth-child(2) {
           i {background-image: url("~static/images/client/aboutUs/contact-us-icon1.png");}

pages/examsystem/index.vue

@@ -3,7 +3,10 @@
     <div class="client-platform-page">
 
       <!-- 考试平台页 banner栏 -->
-      <div  @click="clickBanner(bannerList[0].url)" :style="{backgroundImage: `url(${bannerList[0].pic||require(`~/static/images/client/index/index-banner-background.png`)})`}" class="client-platform-banner"></div>
+      <div class="client-platform-banner">
+        <div  @click="clickBanner(bannerList[0].url)" :style="{backgroundImage: `url(${bannerList[0].pic||require(`~/static/images/client/index/index-banner-background.png`)})`}"></div>
+        <a class="free-trial-default-btn" href="https://cdnks.mtavip.com/a/register?flug=1" target="_blank">免费试用</a>
+      </div>
       <!--  产品优势 -->
       <div class="platform-products-services">
         <h4 class="client-title">产品优势</h4>
@@ -90,21 +93,21 @@
           <ul class="application-scenarios-box">
             <li>
               <div class="application-scenarios-content">
-                <div class="application-scenarios-img"><i></i></div>
+                <div class="application-scenarios-img"></div>
                 <h5>岗位考试</h5>
                 <p>无论传统的培训还是新型的在线培训，企业都需要利用考核来进行培训效果评估，可以实现人才岗位胜任力测评、按需培训、绩效考核等功能，为领导者对员工素质进行评价和分析提供有力的数据支持。</p>
               </div>
             </li>
             <li>
               <div class="application-scenarios-content">
-                <div class="application-scenarios-img"><i></i></div>
+                <div class="application-scenarios-img"></div>
                 <h5>大型竞赛</h5>
                 <p>多种组卷、考试模式，可以覆盖大多数竞赛场景，报名注册只需简单一步就搞定，无中间流程，企业还可自由定制证书，合格后进行发放，降低使用成本，规范、快捷、高效，万人同考无压力。</p>
               </div>
             </li>
             <li>
               <div class="application-scenarios-content">
-                <div class="application-scenarios-img"><i></i></div>
+                <div class="application-scenarios-img"></div>
                 <h5>资格考试</h5>
                 <p>不限次发布考试，特殊题型可使用拍照上传功能，考生后台记录历史成绩，通过考试分析及时了解考生知识掌握情况，在线考试能突破时间空间限制，有利于组织大规模的考试，提高教学考核方式的灵活性。</p>
               </div>
@@ -139,15 +142,10 @@
     },
     data() {
       return {
-        productShowCarousels: [
-          {img:require(`~/static/images/client/exam/product-show-img1.png`),title:"平台总览"},
-          {img:require(`~/static/images/client/exam/product-show-img3.png`),title:"考务管理"},
-          {img:require(`~/static/images/client/exam/product-show-img2.png`),title:"人员管理"}
-        ],
-        advantagesImg1:  require(`~/static/images/client/index/index-products-kaoshi.png`),
-        advantagesImg2:  require(`~/static/images/client/index/index-products-peixun.png`),
-        advantagesImg3:  require(`~/static/images/client/index/index-products-kaoshi.png`),
-        advantagesImg4:  require(`~/static/images/client/index/index-products-peixun.png`),
+        advantagesImg1:  require(`~/static/images/client/exam/product-advantages-img1.png`),
+        advantagesImg2:  require(`~/static/images/client/exam/product-advantages-img2.png`),
+        advantagesImg3:  require(`~/static/images/client/exam/product-advantages-img3.png`),
+        advantagesImg4:  require(`~/static/images/client/exam/product-advantages-img4.png`),
       };
     },
     head(){

static/images/client/exam/product-advantages-img1.svg

@@ -1,15 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="65" viewBox="0 0 64 65">
-  <g fill="none" fill-rule="evenodd" transform="translate(0 1)">
-    <rect width="30" height="5.333" x="22" y="48" fill="#E8ECFF" rx="2.667"/>
-    <circle cx="13.333" cy="50.667" r="13.333" fill="#2B5CFD"/>
-    <circle cx="13.333" cy="50.667" r="8" fill="#E8ECFF"/>
-    <rect width="34" height="5.333" x="16" y="29.333" fill="#E8ECFF" rx="2.667" transform="rotate(-46 33 32)"/>
-    <circle cx="50.667" cy="13.333" r="13.333" fill="#2B5CFD"/>
-    <rect width="30" height="5.333" x="11.333" y="10.667" fill="#E8ECFF" rx="2.667"/>
-    <circle cx="50.667" cy="13.333" r="8" fill="#E8ECFF"/>
-    <circle cx="8" cy="13.333" r="8" fill="#E8ECFF"/>
-    <circle cx="8" cy="13.333" r="4" fill="#7998FF"/>
-    <circle cx="56" cy="50.667" r="8" fill="#E8ECFF"/>
-    <circle cx="56" cy="50.667" r="4" fill="#7998FF"/>
-  </g>
-</svg>

static/images/client/exam/product-advantages-img2.svg

@@ -1,14 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="65" viewBox="0 0 64 65">
-  <defs>
-    <rect id="考试监控预防作弊-a" width="64" height="64"/>
-  </defs>
-  <g fill="none" fill-rule="evenodd" transform="translate(0 1)">
-    <mask id="考试监控预防作弊-b" fill="#fff">
-      <use xlink:href="#考试监控预防作弊-a"/>
-    </mask>
-    <path fill="#2B5CFD" d="M64,66 C64,48.326888 49.673112,34 32,34 C14.326888,34 0,48.326888 0,66" mask="url(#考试监控预防作弊-b)"/>
-    <circle cx="32" cy="26" r="26" fill="#E8ECFF"/>
-    <circle cx="32" cy="34" r="17" fill="#7998FF"/>
-    <circle cx="32" cy="34" r="6" fill="#E8ECFF"/>
-  </g>
-</svg>

static/images/client/exam/product-advantages-img3.svg

@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="65" viewBox="0 0 64 65">
-  <g fill="none" fill-rule="evenodd" transform="translate(0 1)">
-    <rect width="64" height="64" fill="#E8ECFF" rx="8"/>
-    <rect width="42" height="3" x="11" y="31" fill="#7998FF" rx="1.5"/>
-    <path stroke="#2B5CFD" stroke-linecap="round" stroke-width="3" d="M44,9 L47,9 C51.418278,9 55,12.581722 55,17 L55,22 M55,45 L55,47 C55,51.418278 51.418278,55 47,55 L45,55 M20,55 L17,55 C12.581722,55 9,51.418278 9,47 L9,45 M9,21 L9,17 C9,12.581722 12.581722,9 17,9 L21,9"/>
-  </g>
-</svg>

static/images/client/exam/product-advantages-img4.svg

@@ -1,12 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="65" viewBox="0 0 64 65">
-  <g fill="none" fill-rule="evenodd" transform="translate(0 1)">
-    <path fill="#2B5CFD" d="M19.2,3.63797881e-13 L51.2,3.63797881e-13 C58.2692448,3.67828352e-13 64,5.7307552 64,12.8 L64,12.8 L64,12.8 L19.2,12.8 L19.2,3.63797881e-13 Z"/>
-    <path fill="#E8ECFF" d="M17.5167286,3.63797881e-13 L52.8,3.63797881e-13 L52.8,3.63797881e-13 L52.8,54.4832714 C52.8,59.7392155 48.5392155,64 43.2832714,64 L8,64 L8,64 L8,9.51672862 C8,4.26078454 12.2607845,3.66539739e-13 17.5167286,3.63797881e-13 Z"/>
-    <path fill="#7998FF" d="M0,51.2 L43.2,51.2 L43.676574,53.7417281 C44.1556196,56.296638 45.050123,58.7557743 46.3245241,61.0213761 L48,64 L48,64 L8.19174999,64 C6.08749024,64 4.13749472,62.8960444 3.05470345,61.0917517 C1.9003937,59.1682853 1.09775085,57.0546712 0.684346267,54.8498468 L0,51.2 L0,51.2 Z"/>
-    <path fill="#2B5CFD" d="M4.91671455,9.9152239 C6.74822214,8.85762698 9.0903041,9.48500553 10.147901,11.3165131 C10.1479928,11.316672 10.1480845,11.3168309 10.1481762,11.3169898 L20.8,29.7695522 L20.8,29.7695522 L14.1665709,33.6 L3.51474713,15.1474376 C2.45721697,13.3154376 3.08486657,10.9730174 4.91671455,9.9152239 Z"/>
-    <polygon fill="#2B5CFD" points="20 33.6 24 37.6 16 37.6" transform="rotate(149 20 35.6)"/>
-    <rect width="19.2" height="3.2" x="25.6" y="16" fill="#7998FF" rx="1.6"/>
-    <rect width="16" height="3.2" x="28.8" y="27.2" fill="#7998FF" rx="1.6"/>
-    <rect width="28.8" height="3.2" x="16" y="38.4" fill="#7998FF" rx="1.6"/>
-  </g>
-</svg>