调整布局

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/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>
 
     <!--  直播系列  -->