二维码替换

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

@@ -290,6 +290,7 @@
               border-color: rgba(255, 0, 0, 0);border-width: 1px;border-style: solid;color: rgb(255, 255, 255);border-radius:4px;font-weight: normal;cursor: pointer}
             span{display: block;transition: 0.5s;position: absolute;top: 0;bottom: 305px;left: 0;right: 0;overflow: hidden;}
             em{width:180px;height:180px;display: block;margin: 24px auto;background-image:url("~static/images/client/exam/exam-code-img.png")}
+            em.px-img-box{background-image:url("~static/images/client/train/train-code-img.png")}
           }
           li:nth-child(1) i{background-image:url("~static/images/client/exam/exam-tel-icon.png")}
           li:nth-child(2) i{background-image:url("~static/images/client/exam/exam-pc-icon.png")}
@@ -1007,7 +1008,7 @@
        h5{font-size: 42px;color: #fff;margin: 24px 0;}
        p{font-size: 32px;color: #fff;margin-bottom: 52px;}
        span{font-size: 52px;color: #ffff00}
-        a{width: 355px;height: 60px;line-height: 60px;text-align: center;background: #ff4d4d;border-radius: 4px;display: inline-block;color: #fff;}
+       a{width: 355px;height: 60px;line-height: 60px;text-align: center;background: #ff4d4d;border-radius: 4px;display: inline-block;color: #fff;}
      }
   }
 }

pages/tiyanCenter/index.vue

@@ -19,7 +19,7 @@
       <h4 class="client-title">麦塔在线培训系统体验版</h4>
       <p>学练考评一站式培训平台</p>
       <ul class="experience-ul-box">
-        <li><div><i></i><h5>手机学员端</h5><p>用手机扫描二维码</p><p>随时随地想学就学</p><a @mouseenter="enterCodePx" @mouseleave="leaveCodePx" style="cursor: default">扫码体验</a><span ref="codeBtnPx"><em></em></span></div></li>
+        <li><div><i></i><h5>手机学员端</h5><p>用手机扫描二维码</p><p>随时随地想学就学</p><a @mouseenter="enterCodePx" @mouseleave="leaveCodePx" style="cursor: default">扫码体验</a><span ref="codeBtnPx"><em class="px-img-box"></em></span></div></li>
         <li><div><i></i><h5>电脑学员端</h5><p>学练考评一站式培训平台</p><p>支持市面各种主流浏览器</p><a href="https://youkepxc.mtavip.com/c/youke" target="_blank">立即体验</a></div></li>
         <li><div><i></i><h5>电脑管理端</h5><p>欢迎体验麦塔系统后台</p><p>三步轻松组织一场考试</p><a href="https://youkepxa.mtavip.com/a/youke" target="_blank">后台体验</a></div></li>
       </ul>

pages/trainsystem/index.vue

@@ -11,7 +11,7 @@
       <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 @mouseenter="enterCode" @mouseleave="leaveCode" style="cursor: default">扫码体验</a><span ref="codeBtn"><em class="px-img-box"></em></span></div></li>
         <li><div><i></i><h5>电脑学员端</h5><p>学练考评一站式培训平台</p><p>支持市面各种主流浏览器</p><a href="https://youkepxc.mtavip.com/c/youke" target="_blank">立即体验</a></div></li>
         <li><div><i></i><h5>电脑管理端</h5><p>欢迎体验麦塔系统后台</p><p>三步轻松组织一场考试</p><a href="https://youkepxa.mtavip.com/a/youke" target="_blank">后台体验</a></div></li>
         <li><div><i></i><h5>更新日志</h5><p>麦塔想您所想，不止于功能</p><p>我们一直在更新迭代</p><a class="client-default-Btn" @click="goCheckLog">查看日志</a></div></li>