写前端页面时，添加轮播图是加分的。

Swiper 是一个很不错的选择，但默认情况下，不会按照屏幕大小响应宽度，需要自己设定。以下是我在项目里用到的代码，它能设置按屏幕宽度响应式。

breakpoints: {
    372: {
        slidesPerView: 2
    },
    576: {
        slidesPerView: 3
    },
    768: {
        slidesPerView: 5
    },
    992: {
        slidesPerView: 7
    }
}