From da09b8b3a99057446db5c594d408f26993a7598b Mon Sep 17 00:00:00 2001 From: clay <20932067@zju.edu.cn> Date: Wed, 5 Oct 2022 16:52:58 +0800 Subject: [PATCH] =?UTF-8?q?clay=20commit=20:=20=E4=B8=8B=E6=96=B9=E8=BD=AE?= =?UTF-8?q?=E6=92=AD=E5=9B=BE=E5=AE=8C=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/index/components/slideshow_card.vue | 41 +++++++++---------- 1 file changed, 20 insertions(+), 21 deletions(-) diff --git a/src/views/index/components/slideshow_card.vue b/src/views/index/components/slideshow_card.vue index 96c94de..066bd4d 100644 --- a/src/views/index/components/slideshow_card.vue +++ b/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%; } } }