video 调整

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

@@ -1175,4 +1175,35 @@ client-banner-box.client-banner-index {
     margin-bottom: 10%;
   }
 }
+/******************************* 万人高并发 客户案例 **************************************/
+
+.client-kehuanli-box.experience-swiper-box{
+  margin-top: 16px;
+  margin-bottom: 20px;
+  .experience-content-box{
+    height: 295px;box-shadow:none;padding: 16px;box-sizing: border-box;margin: 0 4% 40px;
+
+    .anli-content {
+      h3{ text-align: center; font-weight: 800; font-size: 18px;margin-top: 10px;}
+      p{font-weight: 400;color: #333; font-size: 14px;
+        -webkit-line-clamp:3;
+        text-overflow: ellipsis;
+        -o-text-overflow: ellipsis;
+        overflow: hidden;
+        word-wrap: break-word;
+        display: -webkit-box;
+        white-space: normal !important;
+        -webkit-box-orient: vertical;}
+
+      img {
+        width: 100%;
+        height: 200px;
+      }
+    }
+  }
+  // 分页
+  .swiper-pagination-style {width: 76px;margin-left: -30px;bottom:25px;}
+  // 左右滑动
+  .experience-swiper-tip{margin: 0 auto; font-size: 14px; font-weight: 400; text-align: center}
 
+}

pages/product/caiWuGuanLi.vue

@@ -19,7 +19,7 @@
     <div class="platform-course-list client-container">
       <h4>部分课程列表</h4>
       <mtaTable :data="tableData" :config="tableConfig" @shi-kan="shiKan"></mtaTable>
-      <div class="btn-groups">
+      <div class="btn-groups center">
         <freeTrialBtn class="btn-item" myType="kaoshi"/>
         <onlineInformationBtn />
       </div>

pages/product/chanPinYunYing.vue

@@ -19,7 +19,7 @@
     <div class="platform-course-list client-container">
       <h4>部分课程列表</h4>
       <mtaTable :data="tableData" :config="tableConfig" @shi-kan="shiKan"></mtaTable>
-      <div class="btn-groups">
+      <div class="btn-groups center">
         <freeTrialBtn class="btn-item" myType="kaoshi"/>
         <onlineInformationBtn />
       </div>

pages/product/keFuFuWu.vue

@@ -20,7 +20,7 @@
     <div class="platform-course-list client-container">
       <h4>部分课程列表</h4>
       <mtaTable :data="tableData" :config="tableConfig" @shi-kan="shiKan"></mtaTable>
-      <div class="btn-groups">
+      <div class="btn-groups center">
         <freeTrialBtn class="btn-item" myType="kaoshi"/>
         <onlineInformationBtn />
       </div>

pages/product/lingDaoNengLi.vue

@@ -27,7 +27,7 @@
     <div class="platform-course-list client-container">
       <h4>部分课程列表</h4>
       <mtaTable :data="tableData" :config="tableConfig" @shi-kan="shiKan"></mtaTable>
-      <div class="btn-groups">
+      <div class="btn-groups center">
         <freeTrialBtn class="btn-item" myType="kaoshi"/>
         <onlineInformationBtn />
       </div>

pages/product/renLiZiYuan.vue

@@ -27,7 +27,7 @@
     <div class="platform-course-list client-container">
       <h4>部分课程列表</h4>
       <mtaTable :data="tableData" :config="tableConfig" @shi-kan="shiKan"></mtaTable>
-      <div class="btn-groups">
+      <div class="btn-groups center">
         <freeTrialBtn class="btn-item" myType="kaoshi"/>
         <onlineInformationBtn  />
       </div>

pages/product/shengChanCaiGou.vue

@@ -14,7 +14,7 @@
     <div class="platform-course-list client-container">
       <h4>部分课程列表</h4>
       <mtaTable :data="tableData" :config="tableConfig" @shi-kan="shiKan"></mtaTable>
-      <div class="btn-groups">
+      <div class="btn-groups center">
         <freeTrialBtn class="btn-item" myType="kaoshi"/>
         <onlineInformationBtn />
       </div>

pages/product/shiChangYingXiao.vue

@@ -42,7 +42,7 @@
 
       <mtaTable v-else :data="tableData2" :config="tableConfig" @shi-kan="shiKan"></mtaTable>
 
-      <div class="btn-groups">
+      <div class="btn-groups center">
         <freeTrialBtn class="btn-item" myType="kaoshi"/>
         <onlineInformationBtn />
       </div>

pages/product/xingZhengGuanLi.vue

@@ -22,7 +22,7 @@
     <div class="platform-course-list client-container">
       <h4>部分课程列表</h4>
       <mtaTable :data="tableData" :config="tableConfig" @shi-kan="shiKan"></mtaTable>
-      <div class="btn-groups">
+      <div class="btn-groups center">
         <freeTrialBtn class="btn-item" myType="kaoshi"/>
         <onlineInformationBtn />
       </div>

pages/product/zhiYeSuYang.vue

@@ -27,7 +27,7 @@
     <div class="platform-course-list client-container">
       <h4>部分课程列表</h4>
       <mtaTable :data="tableData" :config="tableConfig" @shi-kan="shiKan"></mtaTable>
-      <div class="btn-groups">
+      <div class="btn-groups center">
         <freeTrialBtn class="btn-item" myType="kaoshi"/>
         <onlineInformationBtn/>
       </div>

pages/solution/erupt.vue

@@ -48,9 +48,9 @@
     </div>
 
     <!--  客户案例  -->
-    <div class="client-kehuanli-box">
+    <div class="client-kehuanli-box experience-swiper-box">
       <!--   PC   -->
-      <el-carousel class="mta-hidden-xs" :interval="5000" type="card" height="200px">
+      <el-carousel  class="mta-hidden-xs" :interval="5000" type="card" height="200px">
         <el-carousel-item v-for="item in anliList" :key="item.iild">
           <div>
             <img :src="item.pic">
@@ -62,10 +62,10 @@
         </el-carousel-item>
       </el-carousel>
       <!--   H5   -->
-      <div v-swiper:mySwiper="swiperOption" class="swiper-container mta-hidden-sm">
-        <div class="swiper-wrapper">
+      <div v-swiper:mySwiper="swiperOption" class="swiper-container client-container mta-hidden-sm">
+        <div class="swiper-wrapper experience-content-box">
           <div class="swiper-slide" v-for="item in anliList" :key="item.iild">
-            <div>
+            <div class="anli-content">
               <img :src="item.pic">
               <div>
                 <h3>{{item.title}}</h3>
@@ -73,7 +73,6 @@
               </div>
             </div>
           </div>
-
         </div>
         <div class="swiper-pagination swiper-pagination-style"></div>
         <p class="experience-swiper-tip">←左右滑动查看更多→</p>
@@ -239,9 +238,37 @@ export default {
     text-align: center;
     width: 1000px;
     line-height: 1.5;
-    text-align: center;
     margin: 0 auto 30px;
   }
 }
 
+@media (max-width: 768px) {
+
+  .client-suijizujuan-box {
+    h4 {
+      font-size: 18px;
+      margin-top: 10%;
+      margin-bottom: 10%;
+    }
+  }
+
+
+
+  .client-description-box {
+    height: 140px;
+    box-sizing: border-box;
+    background-size: cover;
+    padding-top: 10px;
+    p {
+      color: #fff;
+      font-size: 14px;
+      font-weight: 800;
+      text-align: center;
+      width: 80%;
+      line-height: 1.5;
+      margin: 0 auto 10px;
+    }
+  }
+}
+
 </style>