Merge remote-tracking branch 'origin/大连青谷网站' into 大连青谷网站

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

@@ -862,9 +862,10 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
     .mta-hidden-xs{display: none!important;}
     // 提示框
     .phone-message-box{
-        width: 88%;min-width: unset;top: 35% !important;display: block;text-align: center;padding: 36px 0;
-      .el-message__icon{margin-bottom: 20px;}
-      .el-message__icon:before{font-size: 50px;}
+        width: 88%;min-width: unset;top: 10% !important;align-items:center; text-align: center;padding: 10px 0;
+      display: flex;justify-content: center;
+      .el-message__icon{margin-bottom: 0px;}
+      .el-message__icon:before{font-size: 16px;}
     }
   }
 

components/common/chanPinTiYan.vue

@@ -11,8 +11,14 @@
           <div ref="codeBtn" v-if="!youkeFlag">系统升级中...</div>
         </div>
       </li>
-      <li><div><h5>电脑管理端</h5><i></i><p>欢迎体验青谷系统后台，三步轻松组织一场考试</p><a @click="KsTyBtn('https://youkeksc.mtavip.com/c/youke')">立即体验</a></div></li>
-      <li><div><h5>电脑学员端</h5><i></i><p>支持市面各种主流浏览器，支持十万量级的考试并发</p><a @click="KsTyBtn('https://youkeksa.mtavip.com/a/youke')">免费体验</a></div></li>
+      <li><div><h5>电脑管理端</h5><i></i>
+        <p v-if="curType === 'kaoshi'">欢迎体验青谷系统后台，三步轻松组织一场考试</p>
+        <p v-if="curType === 'peixun'">学练考试一站式培训系统，支持市面各种主流浏览器</p>
+        <a @click="KsTyBtn('https://youkeksc.mtavip.com/c/youke')">立即体验</a></div></li>
+      <li><div><h5>电脑学员端</h5><i></i>
+        <p v-if="curType === 'kaoshi'">支持市面各种主流浏览器，支持十万量级的考试并发</p>
+        <p v-if="curType === 'peixun'">欢迎体验青谷系统后台，三步轻松组织一场培训</p>
+        <a @click="KsTyBtn('https://youkeksa.mtavip.com/a/youke')">免费体验</a></div></li>
     </ul>
     <!-- 手机轮播 -->
     <div class="experience-phone-box mta-hidden-sm">
@@ -30,7 +36,8 @@
             <div class="experience-content-box">
               <h5>电脑管理端</h5>
               <i class="dnxyd-icon"></i>
-              <p>欢迎体验青谷系统后台，三步轻松组织一场考试</p>
+              <p v-if="curType === 'kaoshi'">欢迎体验青谷系统后台，三步轻松组织一场考试</p>
+              <p v-if="curType === 'peixun'">学练考试一站式培训系统，支持市面各种主流浏览器</p>
               <a @click="KsTyBtn('https://youkeksc.mtavip.com/c/youke')">立即体验</a>
             </div>
           </div>
@@ -38,7 +45,8 @@
             <div class="experience-content-box">
               <i class="dngld-icon"></i>
               <h5>电脑学员端</h5>
-              <p>支持市面各种主流浏览器，支持十万量级的考试并发</p>
+              <p v-if="curType === 'kaoshi'">支持市面各种主流浏览器，支持十万量级的考试并发</p>
+              <p v-if="curType === 'peixun'">欢迎体验青谷系统后台，三步轻松组织一场培训</p>
               <a @click="KsTyBtn('https://youkeksa.mtavip.com/a/youke')">后台体验</a></div>
           </div>
         </div>
@@ -55,6 +63,12 @@
 <script>
 export default {
   name: "chanPinTiYan",
+  props: {
+    curType: {
+      type: String,
+      default: 'kaoshi'
+    }
+  },
   data() {
     return {
       youkeFlag:false,// 控制游客系统是否维护中

pages/product/lingDaoNengLi.vue

@@ -287,8 +287,8 @@ export default {
     .products-services-box {
       flex-direction: column;
       img {
-        width: 100%;
-        margin-bottom: 5%;
+        max-width: 100%;
+        height: auto;
         padding: 0;
       }
     }

pages/product/peixun.vue

@@ -11,9 +11,9 @@
     <!--  产品体验  -->
     <div class="platform-products-experience client-container">
       <h4 class="client-title">产品体验</h4>
-      <p class="client-subtitle-one-row">无序注册，即可免费体验青谷在线考试系统</p>
+      <p class="client-subtitle-one-row">无序注册，即可免费体验青谷在线培训系统</p>
       <!--   多端体验   -->
-      <chanPinTiYan></chanPinTiYan>
+      <chanPinTiYan cur-type="peixun"></chanPinTiYan>
     </div>
 
     <!--  直播系列  -->

pages/product/renLiZiYuan.vue

@@ -288,7 +288,8 @@ div.client-xuexishouyi-box {
     .products-services-box {
       flex-direction: column;
       img {
-        width: 100%;
+        max-width: 100%;
+        height: auto;
         margin-bottom: 5%;
       }
     }

pages/product/zhiYeSuYang.vue

@@ -284,7 +284,8 @@ export default {
       flex-direction: column;
 
       img {
-        width: 100%;
+        max-width: 100%;
+        height: auto;
         margin-bottom: 5%;
       }
     }