如何修改轮播图样式？-灵析社区

Hot Products Our Crousher Parts has been perfected over the past 20 years to ensure they are reliable and efficient on site. Slide 8 Slide 9 Slide 10 Slide 4 Slide 1 Slide 5 Slide 6 Slide 7 Slide 8 Slide 9 Slide 10 Slide 1 Slide 2 Slide 3 .lyIdx_Pro { position: relative; } .lyIdx_Pro .pro_swiper { width: 100%; position: relative; top: 80px; height: 600px; } .lyIdx_Pro .pro_swiper .swiper-container { width: 100%; height: 100%; } .lyIdx_Pro .pro_swiper .swiper-slide { width: 326px !important; text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; /* transform: scale(0.8); */ } .lyIdx_Pro .pro_swiper .swiper-slide img { width: 100%; } .lyIdx_Pro .pro_swiper .swiper-slide-active, .lyIdx_Pro .pro_swiper .swiper-slide-duplicate-active { width: 692px !important; /* transform: scale(1); */ } var swiper = new Swiper('.lyIdx_Pro .pro_swiper .swiper-container', { slidesPerView: 3, spaceBetween: 20, centeredSlides: true, loop: true, pagination: { el: '.swiper-pagination', clickable: true, }, });