怎么让swiper轮播的时候每一张加个边框
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎么让swiper轮播的时候每一张加个边框相关的知识，希望对你有一定的参考价值。
参考技术A .swiper-containermargin-top: 20px;
width: 750px;
height: 320px;
margin-bottom: 53px;
overflow: visible!important;
.swiper-container .swiper-wrapper .swiper-slide width: 620px; border-radius: 20px;
.swiper-container .swiper-wrapper .swiper-slide imgwidth: 100%; height: 320px; border-radius: 20px;
.swiper-container .swiper-wrapper .swiper-slide-prev margin-top: 18px; height: 284px!important;
.swiper-container .swiper-wrapper .swiper-slide-prev img height: 284px!important;
.swiper-container .swiper-wrapper .swiper-slide-next margin-top: 18px; height: 284px!important;
.swiper-container .swiper-wrapper .swiper-slide-next img height: 284px!important;
.swiper-container .swiper-wrapper .swiper-slide-active width: 620px;
.swiper-pagination
bottom: -30px!important;
.swiper-pagination .swiper-pagination-bulletwidth: 12px; height: 12px; background: #ff1e1e;
.swiper-pagination .swiper-pagination-bullet-activewidth: 21px; height: 12px; background: #e75230; border-radius: 6px;
以上是关于怎么让swiper轮播的时候每一张加个边框的主要内容，如果未能解决你的问题，请参考以下文章
viewpager轮播的时候，当从最后一张图片轮播到第一张的时候，会把前面轮播过的都显示一遍啊