hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-18 07:16:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

修改

Browse Source
This commit is contained in:
lmj
2022-09-08 10:58:08 +08:00
parent ae4dc87f21
commit 6d9d36f370
1 changed files with 3 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/Index.vue
View File

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