关于Swiper触摸滑动的小应用

现在大家在做手机H5时经常到用到需要手动或自动滑动显示内容，之前多用轮播图的方式，但是比起可以由用户手动控制的方式显示体验上差不了不少。现在正好用到Swiper，在此分享个小例子供大家参考，如果想了解更多关于Swiper的应用，可查看官网https://www.swiper.com.cn

使用时首先需要下载库并引入，下载地址：https://www.swiper.com.cn/download/index.html

CSS样式

.swiper-container-top .swiper-slide {
    height: 5.68rem;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

HTML代码