This commit is contained in:
lmj
2022-09-08 10:58:08 +08:00
parent ae4dc87f21
commit 6d9d36f370

View File

@@ -3,10 +3,7 @@
<div class="course-banner">
<portal-header current="index" ></portal-header>
<div id="container">
<swiper :options="swiperOption" ref="mySwiper">
<swiper :options="swiperOption" ref="mySwiper" >
<swiper-slide v-for="(item , idx ) in resonimg" :key="idx" class="swiper-slide games">
<img class="banner-img" :src=" fileBaseUrl + item.image" alt="">
</swiper-slide>
@@ -364,11 +361,8 @@ export default {
return {
resonimg:[ ],
swiperOption: {
autoplay : {
disableOnInteraction: false, //用户操作后是否禁止自动循环
delay: 3000 //自自动循环时间
}, //可选选项,自动滑动
speed: 2000, //切换速度即slider自动滑动开始到结束的时间单位ms
autoplay:true, //可选选项,自动滑动
speed: 1000, //切换速度即slider自动滑动开始到结束的时间单位ms
loop:true, //循环切换
grabCursor: true, //设置为true时鼠标覆盖Swiper时指针会变成手掌形状拖动时指针会变成抓手形状
// setWrapperSize: true, //Swiper使用flexbox布局(display: flex)开启这个设定会在Wrapper上添加等于slides相加的宽或高在对flexbox布局的支持不是很好的浏览器中可能需要用到。