swiper设置

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>

var mySwiper = new Swiper ('.swiper-container', {
effect: 'fade', // 设置slide的切换效果，默认为slide
autoplay: 2000, // 设置自动切换的时间间隔，默认为0，不设定该参数或者设为0，slide不会自动切换
speed: 2000, // 设置切换效果所需要花费的时间，默认为300
loop: true, // 是否无缝循环，默认为false
loopAdditionalSlides: 0, // loop模式下会在slides前后复制若干个slide，默认为0，即前后各复制1个
pagination: '.swiper-pagination', // 设置分页器容器的css选择器或HTML标签
paginationType: 'bullets', // 设置分页器样式类型，默认为'bullets'即圆点
paginationClickable: true, // 是否可以点击分页器来控制切换，默认为false
autoplayDisableOnInteraction: false, // 用户操作swiper之后，是否禁止autoplay，默认为true
paginationHide: false, // 点击swiper是否会隐藏分页器，默认为false
// 如果需要分页器
pagination: '.swiper-pagination',
// 如果需要前进后退按钮
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
})