banner轮播
折腾了一晚上，明白了。有相同问题的可参考，并备查：
<script>
var mySwiper = new Swiper('#banner', {
//direction: 'vertical', // 垂直切换选项 关
//loop: true, // 循环模式选项. Swiper4无效
effect: 'fade',//切换效果选择：'slide'（普通切换、默认）,'fade'（淡入）'cube'（方块）'coverflow'（3d流）'flip'（3d翻转）
//parallax: "true",//开启视差效果，默认：false
speed: 4000,//切换速度，即两张图片交换的时间
//是否循环
autoplay: true,//启动自动切换，并使用默认的切换设置。默认：false
autoplay: {
delay: 5000, //自动切换的时间间隔，即图片停留多少时间开始切换
disableOnInteraction: false, //点击之后轮播是否禁止:默认停止：true：继续：false
},
// 如果需要分页器
pagination: {
el: '.swiper-pagination',
clickable: true,
//clickableClass: 'my-pagination-clickable', //可点击,默认：swiper-pagination-clickable
},
// 如果需要前进后退按钮
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
// 如果需要滚动条
scrollbar: {
//el: '.swiper-scrollbar',//添加滑块
},
})
</script>
