培训平台默认图片替换

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

@@ -367,20 +367,17 @@
     .train-application-scenarios{
       li:nth-child(1){
         .application-scenarios-img {
-          background-image: url("~static/images/client/train/application-scenarios-img1.svg");
-          i{top: 45px;left: 38px;background-image: url("~static/images/client/train/application-scenarios-icon1.svg");}
+          background-image: url("~static/images/client/train/application-scenarios-img1.png");
         }
       }
       li:nth-child(2){
         .application-scenarios-img {
-          background-image: url("~static/images/client/train/application-scenarios-img2.svg");
-          i{top: 45px;left: 38px;background-image: url("~static/images/client/train/application-scenarios-icon2.svg");}
+          background-image: url("~static/images/client/train/application-scenarios-img2.png");
         }
       }
       li:nth-child(3){
         .application-scenarios-img {
-          background-image: url("~static/images/client/train/application-scenarios-img3.svg");
-          i{top: 32px;left: 34px;background-image: url("~static/images/client/train/application-scenarios-icon3.svg");}
+          background-image: url("~static/images/client/train/application-scenarios-img3.png");
         }
       }
     }

pages/trainsystem/index.vue

@@ -2,8 +2,10 @@
   <div class="client-platform-page client-train-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`)})`}" class="client-platform-banner"></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>
@@ -107,27 +109,27 @@
     </div>
 
     <!-- 应用场景 -->
-    <div class="platform-application-scenarios">
+    <div class="platform-application-scenarios train-application-scenarios">
       <div class="client-container">
         <h4 class="client-title">应用场景</h4>
         <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>
@@ -160,15 +162,10 @@
     },
     data() {
       return {
-        productShowCarousels: [
-          { img: require(`~/static/images/client/train/product-show-img1.png`), title: '平台总览' },
-          { img: require(`~/static/images/client/train/product-show-img3.png`), title: '服务管理' },
-          { img: require(`~/static/images/client/train/product-show-img2.png`), title: '人员管理' },
-        ],
-        trainAdvantagesImg1:  require(`~/static/images/client/index/index-products-kaoshi.png`),
-        trainAdvantagesImg2:  require(`~/static/images/client/index/index-products-peixun.png`),
-        trainAdvantagesImg3:  require(`~/static/images/client/index/index-products-kaoshi.png`),
-        trainAdvantagesImg4:  require(`~/static/images/client/index/index-products-peixun.png`),
+        trainAdvantagesImg1:  require(`~/static/images/client/train/product-advantages-img1.png`),
+        trainAdvantagesImg2:  require(`~/static/images/client/train/product-advantages-img2.png`),
+        trainAdvantagesImg3:  require(`~/static/images/client/train/product-advantages-img3.png`),
+        trainAdvantagesImg4:  require(`~/static/images/client/train/product-advantages-img4.png`),
       };
     },
     head(){

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

@@ -1,8 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-  <g fill="none">
-    <polygon points="0 0 63.678 0 63.678 63.678 0 63.678"/>
-    <path fill="#2B5CFD" d="M12.8528356,22.8341709 C7.8859038,22.8341709 3.85929648,26.8583422 3.85929648,31.8222692 L3.85929648,32.8209468 C3.85929648,37.7848738 7.8859038,41.8090452 12.8528356,41.8090452 L50.8255564,41.8090452 C55.7924882,41.8090452 59.8190955,37.7848738 59.8190955,32.8209468 L59.8190955,31.8222692 C59.8190955,26.8583422 55.7924882,22.8341709 50.8255564,22.8341709 L12.8528356,22.8341709 L12.8528356,22.8341709 Z"/>
-    <polygon fill="#E8ECFF" points="11.578 30.553 29.588 30.553 29.588 34.412 11.578 34.412"/>
-    <path fill="#E8ECFF" d="M14.2568513,7.39698492 C10.823271,7.39698492 8.04020101,10.204546 8.04020101,13.6683417 C8.04020101,17.1321375 10.823271,19.9396985 14.2568513,19.9396985 L50.0647568,19.9396985 C53.4983371,19.9396985 56.281407,17.1321375 56.281407,13.6683417 C56.281407,10.204546 53.4983371,7.39698492 50.0647568,7.39698492 L14.2568513,7.39698492 Z M14.2568513,44.0603015 C10.823271,44.0603015 8.04020101,46.8678625 8.04020101,50.3316583 C8.04020101,53.795454 10.823271,56.6030151 14.2568513,56.6030151 L50.0647568,56.6030151 C53.4983371,56.6030151 56.281407,53.7954541 56.281407,50.3316583 C56.281407,46.8678624 53.4983371,44.0603015 50.0647568,44.0603015 L14.2568513,44.0603015 Z"/>
-  </g>
-</svg>

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

@@ -1,12 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-  <g fill="none" fill-rule="evenodd">
-    <path fill="#E8ECFF" d="M2.20187261,3.33005712 L32,7.79674797 L32,7.79674797 L32,57.203252 L2.20187261,61.6699429 C1.15451121,61.8269406 0.178185191,61.1051583 0.0211874196,60.0577969 C0.00708203543,59.9636973 2.45414329e-15,59.8686783 0,59.7735273 L0,5.2264727 C3.40620605e-16,4.16740981 0.858540105,3.3088697 1.917603,3.3088697 C2.01275396,3.3088697 2.10777296,3.31595174 2.20187261,3.33005712 Z"/>
-    <rect width="20" height="2" x="8.033" y="20.552" fill="#2B5CFD" rx=".959" transform="rotate(9 18.033 21.552)"/>
-    <rect width="20" height="2" x="9.033" y="29.552" fill="#2B5CFD" rx=".959" transform="rotate(9 19.033 30.552)"/>
-    <rect width="20" height="2" x="9.033" y="38.552" fill="#2B5CFD" rx=".959" transform="rotate(9 19.033 39.552)"/>
-    <path fill="#7998FF" d="M34.2018726,3.33005712 L64,7.79674797 L64,7.79674797 L64,57.203252 L34.2018726,61.6699429 C33.1545112,61.8269406 32.1781852,61.1051583 32.0211874,60.0577969 C32.007082,59.9636973 32,59.8686783 32,59.7735273 L32,5.2264727 C32,4.16740981 32.8585401,3.3088697 33.917603,3.3088697 C34.012754,3.3088697 34.107773,3.31595174 34.2018726,3.33005712 Z" transform="matrix(-1 0 0 1 96 0)"/>
-    <rect width="20" height="2" x="38.033" y="21.552" fill="#E8ECFF" rx=".959" transform="scale(-1 1) rotate(9 0 -587.77)"/>
-    <rect width="20" height="2" x="38" y="30" fill="#E8ECFF" rx=".959" transform="scale(-1 1) rotate(9 0 -578.898)"/>
-    <rect width="20" height="2" x="38" y="39" fill="#E8ECFF" rx=".959" transform="scale(-1 1) rotate(9 0 -569.898)"/>
-  </g>
-</svg>

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

@@ -1,8 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-  <g fill="none" fill-rule="evenodd" transform="translate(3)">
-    <path fill="#E8ECFF" fill-rule="nonzero" d="M57.2073636,10.4763383 C57.2073636,8.14274631 57.2073636,5.842255 57.0915115,3.72381694 C54.762272,4.36495498 52.3707556,4.75336832 49.9583333,4.88233775 C40.6736165,5.44504788 34.301752,2.46599431 28.4429468,9.09494702e-15 C21.9386799,3.77346781 9.93971425,6.62011894 0.108837625,3.72381694 L0.108837625,27.2914404 C0.108837625,29.9394879 -0.10631625,32.5875356 0.108837625,35.1528316 C0.837050687,43.2128264 6.01729381,49.1543832 11.1809866,53.5733126 C16.4936971,57.8877362 22.4097984,61.4005957 28.7408521,64 C32.3680479,62.3955833 35.8747783,60.5315957 39.2337406,58.4225497 C42.1212508,56.4837611 44.885001,54.3667284 47.5088893,52.0837859 C51.7126649,48.2606672 55.949541,43.3948797 57.0749612,37.0230152 C57.1400324,36.5236098 57.1732003,36.020564 57.174263,35.5169382 L57.2073636,10.4763383 Z M46.3503685,23.3690199 L28.9725563,40.7799327 C28.1339581,41.61085 26.78245,41.61085 25.9438518,40.7799327 L13.3490755,28.1355056 C12.7376951,27.2743259 12.8417709,26.096723 13.5947157,25.3561216 C14.3476605,24.6155201 15.5268227,24.5309217 16.3777799,25.156452 L27.4664792,36.2451512 L43.371315,20.3403155 C44.2324947,19.7289352 45.4100975,19.833011 46.1506989,20.5859558 C46.8913003,21.3389006 46.9758987,22.5180627 46.3503685,23.3690199 L46.3503685,23.3690199 Z"/>
-    <rect width="35" height="29" x="12" y="14" fill="#E8ECFF" fill-rule="nonzero"/>
-    <rect width="19" height="4" x="12.824" y="30.128" fill="#2B5CFD" rx="2" transform="rotate(45 22.324 32.128)"/>
-    <rect width="29" height="4" x="21.472" y="25.998" fill="#2B5CFD" rx="2" transform="rotate(130 35.972 27.998)"/>
-  </g>
-</svg>

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

@@ -1,10 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-  <g fill="none" fill-rule="evenodd">
-    <path fill="#E8ECFF" fill-rule="nonzero" d="M51.0187086,0.00447019868 L12.8547185,0.00447019868 L0,11.1114238 L0,25.5636589 L31.8366722,63.9028146 L63.9072848,25.6694536 L63.9072848,11.2376656 L51.0187086,0.00447019868 Z M53.164404,22.3923841 L49.8555464,22.3923841 L34.5404801,40.0194536 L34.5424669,40.0216887 L34.1932119,40.4191225 L33.1717715,41.5947848 L33.1652318,41.5890728 L32.375745,42.4875828 L14.9121689,22.3923841 L11.5530629,22.3923841 L11.5530629,20.0745033 L21.1943709,20.0745033 L21.1943709,22.3923841 L19.1637417,22.3923841 L32.4142384,37.5821192 L45.611755,22.3923841 L41.9248344,22.3923841 L41.9248344,20.0745033 L53.164404,20.0745033 L53.164404,22.3923841 Z"/>
-    <polygon fill="#E8ECFF" points="11 11 55 11 55 35 34 54 11 35"/>
-    <rect width="3" height="29" x="39" y="17" fill="#2B5CFD" rx="1.5" transform="rotate(40 40.5 31.5)"/>
-    <rect width="3" height="29" x="22" y="17" fill="#2B5CFD" rx="1.5" transform="scale(-1 1) rotate(40 0 -33.066)"/>
-    <rect width="12" height="3" x="10" y="19" fill="#7998FF" fill-rule="nonzero" rx="1.5"/>
-    <rect width="12" height="3" x="43" y="19" fill="#7998FF" fill-rule="nonzero" rx="1.5"/>
-  </g>
-</svg>