写前端页面时,添加轮播图是加分的。
Swiper 是一个很不错的选择,但默认情况下,不会按照屏幕大小响应宽度,需要自己设定。以下是我在项目里用到的代码,它能设置按屏幕宽度响应式。
breakpoints: {
372: {
slidesPerView: 2
},
576: {
slidesPerView: 3
},
768: {
slidesPerView: 5
},
992: {
slidesPerView: 7
}
}
评语 (3)