clay commit : 下方轮播图完成

src/views/index/components/slideshow_card.vue

@@ -186,7 +186,7 @@ export default {
       color: #1C1C1C;
       text-align: left;
       //width: 36rem;
-      margin: 2rem auto;
+      margin: 0 auto;
       overflow: hidden; //超出的文本隐藏
       text-overflow: ellipsis; //溢出用省略号显示
       display: -webkit-box; //作为弹性伸缩盒子模型显示。
@@ -199,18 +199,18 @@ export default {
 
 .one {
   z-index: 98;
-  left: -6rem;
+  left: 1%;
   transform: scale(0.8);
 }
 
 .two {
   z-index: 99;
-  left: 14rem;
+  left: 21%;
   transform: scale(0.9);
 }
 
 .three {
-  left: 30rem;
+  left: 37%;
   z-index: 100;
   transform: scale(1);
   border: 1px solid #DA2D2D;
@@ -218,18 +218,18 @@ export default {
 
 .four {
   z-index: 99;
-  left: 48rem;
+  left: 53%;
   transform: scale(0.9);
 }
 
 .five {
-  left: 66rem;
+  left: 73%;
   z-index: 98;
   transform: scale(0.8);
 }
 
 .six {
-  left: 74rem;
+  left: 70%;
   z-index: 96;
   transform: scale(0.7);
 }
@@ -269,34 +269,34 @@ export default {
       }
     }
 
+
     .one {
-      left: -2.8rem;
+      left: -1%;
     }
 
     .two {
-      left: 10rem;
+      left: 15%;
     }
 
     .three {
-      left: 24rem;
+      left: 31%;
     }
 
     .four {
-      left: 38rem;
+      left: 47%;
     }
 
     .five {
-      left: 50.3rem;
+      left: 63%;
     }
 
     .six {
-      left: 80rem;
+      left: 31%;
     }
   }
 
 
 }
-
 @media screen and (max-width: 1100px) {
   .banner-card {
     height: 34rem;
@@ -313,29 +313,28 @@ export default {
         -webkit-line-clamp: 2; //显示的行
       }
     }
-
     .one {
-      left: -2.6rem;
+      left: 4%;
     }
 
     .two {
-      left: 6rem;
+      left: 17%;
     }
 
     .three {
-      left: 16rem;
+      left: 30%;
     }
 
     .four {
-      left: 26rem;
+      left: 43%;
     }
 
     .five {
-      left: 34rem;
+      left: 56%;
     }
 
     .six {
-      left: 80rem;
+      left: 10%;
     }
   }
 }