tanxue 4 gadi atpakaļ
vecāks
revīzija
38e6d72ed3
2 mainītis faili ar 10 papildinājumiem un 10 dzēšanām
  1. 9 9
      assets/scss/cus-client/cus-client-common.scss
  2. 1 1
      pages/index.vue

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

@@ -340,30 +340,30 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
     overflow: visible;
   }
   .el-carousel{
-    width: 1130px;
+    width: 1000px;
     margin: 0 auto;
-    margin-top: 40px;
-    .el-carousel__container{width: 800px;height: 360px;margin: 0 auto;position: relative;}
+    margin-top: 48px;
+    .el-carousel__container{width: 640px;height: 320px;margin: 0 auto;position: relative;}
   }
   .el-carousel__item{
-    width: 800px;
+    width: 640px;
     background: #FFFFFF;
     border-radius: 8px;
-    .industry-img-box{width: 28%;height: 360px;float: left;background-repeat: no-repeat;background-size: cover;transition: 0.6s;}
+    .industry-img-box{width: 50%;height: 320px;float: left;background-repeat: no-repeat;background-size: cover;}
     .industry-content-box{
-      height: inherit;margin-left: 28%;padding:32px;box-sizing: border-box;position: relative;transition: 0.6s;
+      height: inherit;margin-left: 50%;padding:32px;box-sizing: border-box;position: relative;
       h5{@include setFontStyle(2);color: rgba(0,0,0,0.85);margin-bottom: 16px;@include multi-line-ellipsis(2);line-height: 30px;max-height: 60px;}
       p{@include setFontStyle(-4);color: rgba(0,0,0,0.64);line-height: 24px;@include multi-line-ellipsis(6);margin-bottom: 24px;max-height: 144px;}
       a{width: 132px;height: 32px;line-height:32px;position: absolute;bottom: 32px;}
     }
   }
-  .el-carousel__item.is-active{
+  /*.el-carousel__item.is-active{
     .industry-img-box{width: 50%;}
     .industry-content-box{margin-left: 50%;}
-  }
+  }*/
 
   // 左右按钮
-  .el-carousel__arrow{width: 64px;height: 64px;background-color: rgba(43, 92, 253, 0.22);@include setFontStyle(16);color: rgba(255,255,255,0.8);}
+  .el-carousel__arrow{width: 50px;height: 50px;background-color: rgba(43, 92, 253, 0.22);@include setFontStyle(16);color: rgba(255,255,255,0.8);}
 
   // 左箭头
   .el-carousel__arrow--left{left:-190px;}

+ 1 - 1
pages/index.vue

@@ -119,7 +119,7 @@
     <div class="client-industry-information">
       <h4 class="client-title">新闻资讯</h4>
       <div class="information-carousel-box">
-        <el-carousel :interval="4000" arrow="always">
+        <el-carousel :interval="3000" arrow="always">
           <el-carousel-item v-for="(item, index) in topCarousels" :key="index">
             <div
               class="industry-img-box"