调整布局

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

@@ -1201,8 +1201,8 @@ client-banner-box.client-banner-index {
 /******************************* 万人高并发 客户案例 **************************************/
 
 .client-kehuanli-box.experience-swiper-box{
-  margin-top: 16px;
-  margin-bottom: 20px;
+  margin-top: 60px;
+  margin-bottom: 140px;
   .experience-content-box{
     height: 295px;box-shadow:none;padding: 16px;box-sizing: border-box;margin: 0 4% 40px;
 
@@ -1230,6 +1230,9 @@ client-banner-box.client-banner-index {
   .experience-swiper-tip{margin: 0 auto; font-size: 14px; font-weight: 400; text-align: center}
 
   @media (max-width: 768px){
+    margin-top: 20px;
+    margin-bottom: 20px;
+
     h4 {
       text-align: center;
       font-weight: 800;
@@ -1237,6 +1240,11 @@ client-banner-box.client-banner-index {
       color: #333;
       line-height: 1.5;
     }
+
+    .experience-content-box{
+      padding: 0;
+      margin: 20px 0 20px;
+    }
   }
 
 }

components/common/layout/imgDes/imgCardLv4.vue

@@ -142,7 +142,7 @@ export default {
       // card--info
       .card-info {
         width: 100%;
-        h5 {font-size: 16px;margin: 20px 0 10px;}
+        h5 {font-size: 16px;margin: 20px 0 10px;font-weight: 800}
         em{width: 35px;height: 3px;background: #00b96b;display: block;margin-bottom: 20px;}
         p{
           font-size: 14px;margin: 20px 0 10px;text-align: justify;line-height: 22px;

components/common/newsComp.vue

@@ -32,7 +32,7 @@
         <div class="client-container">
         <h4 class="client-title">新闻资讯</h4>
         <el-carousel :interval="5000" type="card" height="300px" indicator-position="none" arrow="never">
-          <el-carousel-item v-for="(item,index) in newsData" @click="checkInfo(item)" :key="index" class="el-row">
+          <el-carousel-item v-for="(item,index) in newsData" @click.native="checkInfo(item)" :key="index" class="el-row">
             <img :src="item.pic" alt="新闻资讯"/>
             <div class="newsInfo-card-content">
               <a style="display: none" :href="`${baseUrl}/news/${item.code}`"></a>

components/common/newsComp2.vue

@@ -23,7 +23,7 @@
         <div class="client-container">
         <h4 class="client-title-news">新闻资讯</h4>
         <el-carousel :interval="5000" type="card" height="300px" indicator-position="none" arrow="never">
-          <el-carousel-item v-for="(item,index) in curNewsData" @click="checkInfo(item)" :key="index" class="el-row">
+          <el-carousel-item v-for="(item,index) in curNewsData" @click.native="checkInfo(item)" :key="index" class="el-row">
             <img :src="item.pic" alt="新闻资讯"/>
             <div class="newsInfo-card-content">
               <a style="display: none" :href="`${baseUrl}/news/${item.code}`"></a>

pages/solution/erupt.vue

@@ -14,7 +14,9 @@
       <h4>随机组卷算法</h4>
 
       <imgCardLv4 :option="productList[0]">
-        <onlineInformationBtn class="green" myType="2" />
+        <div class="btn-groups">
+          <onlineInformationBtn class="green" myType="2" />
+        </div>
       </imgCardLv4>
     </div>
 
@@ -22,7 +24,9 @@
     <div class="client-suijizujuan-box client-container">
       <h4>同时请求次数</h4>
       <imgCardLv4 :option="productList[1]">
-        <onlineInformationBtn class="green"  myType="2" />
+        <div class="btn-groups">
+          <onlineInformationBtn class="green"  myType="2" />
+        </div>
       </imgCardLv4>
     </div>
 
@@ -30,7 +34,9 @@
     <div class="client-suijizujuan-box client-container">
       <h4>读写数据量大</h4>
       <imgCardLv4 :option="productList[2]">
-        <onlineInformationBtn class="green" myType="2" />
+        <div class="btn-groups">
+          <onlineInformationBtn class="green" myType="2" />
+        </div>
       </imgCardLv4>
     </div>
 
@@ -63,7 +69,7 @@
       </div>
 
       <!--   H5   -->
-      <div v-swiper:mySwiper="swiperOption" class="swiper-container client-container mta-hidden-sm">
+<!--      <div v-swiper:mySwiper="swiperOption" class="swiper-container mta-hidden-sm">
         <div class="swiper-wrapper experience-content-box">
           <div class="swiper-slide" v-for="item in anliList" :key="item.iild">
             <div class="anli-content">
@@ -77,8 +83,27 @@
         </div>
         <div class="swiper-pagination swiper-pagination-style"></div>
         <p class="experience-swiper-tip">←左右滑动查看更多→</p>
+      </div>-->
+      <div class="experience-swiper-box mta-hidden-sm">
+        <div v-swiper:mySwiper="swiperOption" class="swiper-container">
+          <div class="swiper-wrapper experience-content-box">
+            <div class="swiper-slide" v-for="item in anliList" :key="item.iild">
+              <div class="anli-content">
+                <img :src="item.pic">
+                <div>
+                  <h3>{{item.title}}</h3>
+                  <p>{{item.intro}}</p>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="swiper-pagination swiper-pagination-style"></div>
+          <p class="experience-swiper-tip">←左右滑动查看更多→</p>
+        </div>
       </div>
 
+
+
       <div class="left-bg mta-hidden-xs"></div>
       <div class="right-bg mta-hidden-xs"></div>
       <div class="center-bg mta-hidden-xs"></div>