培训平台新增产品体验

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

@@ -370,6 +370,13 @@
   /********  describe: 培训平台--图片（和考试默认图片不同） author: TX  date:2020-08-14  ********/
   .client-train-page{
 
+    /* 产品体验*/
+    .platform-products-experience{
+      .experience-ul-box li{
+          em{background-image:url("~static/images/client/train/train-code-img.png")}
+      }
+    }
+
     /* 网站banner */
     .client-platform-banner{
       background-color:#1F2772;

pages/examsystem/index.vue

@@ -13,7 +13,7 @@
         <p>无需注册，即可免费体验麦塔在线考试系统</p>
         <ul class="experience-ul-box">
           <li><div><i></i><h5>手机学员端</h5><p>用手机扫描二维码</p><p>考生30秒体验答卷</p><a @mouseenter="enterCode" @mouseleave="leaveCode" style="cursor: default">扫码体验</a><span ref="codeBtn"><em></em></span></div></li>
-          <li><div><i></i><h5>电脑学员端</h5><p>支持市面各种主流浏览器</p><p>支持十万量级的考试并发</p><a href="https://youkeksc.mtavip.com/c/Index" target="_blank">立即体验</a></div></li>
+          <li><div><i></i><h5>电脑学员端</h5><p>支持市面各种主流浏览器</p><p>支持十万量级的考试并发</p><a href="https://youkeksc.mtavip.com/c/login" target="_blank">立即体验</a></div></li>
           <li><div><i></i><h5>电脑管理端</h5><p>欢迎体验麦塔系统后台</p><p>三步轻松组织一场考试</p><a href="https://youkeksa.mtavip.com/a/login" target="_blank">后台体验</a></div></li>
           <li><div><i></i><h5>更新日志</h5><p>麦塔想您所想，不止于功能</p><p>我们一直在更新迭代</p><a href="https://youkeksa.mtavip.com/a/login" target="_blank">查看日志</a></div></li>
         </ul>

pages/trainsystem/index.vue

@@ -6,6 +6,17 @@
       <div  @click="clickBanner(bannerList[0].url)" :style="{backgroundImage: `url(${bannerList[0].pic||require(`~/static/images/client/train/train-banner-background.png`)})`}" class="client-platform-banner"></div>
       <a rel="nofollow" class="free-trial-default-btn" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">免费试用</a>
     </div>
+    <!--  产品体验 -->
+    <div class="platform-products-experience client-container">
+      <h4 class="client-title">产品体验</h4>
+      <p>无需注册，即可免费体验麦塔在线培训系统</p>
+      <ul class="experience-ul-box">
+        <li><div><i></i><h5>手机学员端</h5><p>用手机扫描二维码</p><p>随时随地想学就学</p><a @mouseenter="enterCode" @mouseleave="leaveCode" style="cursor: default">扫码体验</a><span ref="codeBtn"><em></em></span></div></li>
+        <li><div><i></i><h5>电脑学员端</h5><p>学练考评一站式培训平台</p><p>支持市面各种主流浏览器</p><a href="https://youkepxc.mtavip.com/c/login" target="_blank">立即体验</a></div></li>
+        <li><div><i></i><h5>电脑管理端</h5><p>欢迎体验麦塔系统后台</p><p>三步轻松组织一场考试</p><a href="https://youkepxa.mtavip.com/a/login" target="_blank">后台体验</a></div></li>
+        <li><div><i></i><h5>更新日志</h5><p>麦塔想您所想，不止于功能</p><p>我们一直在更新迭代</p><a href="https://youkeksa.mtavip.com/a/login" target="_blank">查看日志</a></div></li>
+      </ul>
+    </div>
     <!--  产品优势 -->
       <div class="platform-products-services">
       <h4 class="client-title">产品优势</h4>
@@ -206,6 +217,15 @@
     },
     computed: {},
     methods:  {
+      // 鼠标移入
+      enterCode(){
+        this.$refs.codeBtn.style.bottom ='90px';
+      },
+
+      // 鼠标移出
+      leaveCode(){
+        this.$refs.codeBtn.style.bottom ='305px';
+      },
       checkInfo(data) {
         const opt = {
           id: data.code,