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

提交

Browse Source
This commit is contained in:
zhaofang
2022-11-03 17:37:52 +08:00
parent ad602f2f61
commit 702009f890
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Portal/guideBox.vue
View File

@@ -17,13 +17,13 @@
<div class="gui-box-right"> <div class="gui-box-right">
<div id="container" style="z-index:99;" > <div id="container" style="z-index:99;" >
<!-- 当轮播图等于一张时 --> <!-- 当轮播图等于一张时 -->
<swiper :options="swiperOptiontwo" v-if="resonimgTow.length"> <swiper :options="swiperOptiontwo" ref="mySwiper" v-if="resonimgTow.length">
<swiper-slide style="margin: 0 auto;" v-for="(item , idx ) in resonimgTow" :key="'a'+idx" class="swiper-slide games"> <swiper-slide style="margin: 0 auto;" v-for="(item , idx ) in resonimgTow" :key="'a'+idx" class="swiper-slide games">
<img class="banner-img" style=" margin: 0 auto;" :src=" fileBaseUrl + item.img" alt=""> <img class="banner-img" style=" margin: 0 auto;" :src=" fileBaseUrl + item.img" alt="">
</swiper-slide> </swiper-slide>
</swiper> </swiper>
</div> </div>
<div id="guideBox" style="z-index:99;"> <div id="guideBox" style="z-index:99;" v-if="resonimg.length > 1">
<swiper :options="swiperOption" ref="mySwiper" v-if="resonimg.length"> <swiper :options="swiperOption" ref="mySwiper" v-if="resonimg.length">
<swiper-slide style="margin: 0 auto;" v-for="(item, idx ) in resonimg" :key="item.id" class="swiper-slide games"> <swiper-slide style="margin: 0 auto;" v-for="(item, idx ) in resonimg" :key="item.id" class="swiper-slide games">
<img class="banner-img" style=" margin: 0 auto;" :src="fileBaseUrl + item.img" alt=""> <img class="banner-img" style=" margin: 0 auto;" :src="fileBaseUrl + item.img" alt="">
@@ -71,8 +71,8 @@
delay: 2000, delay: 2000,
}, },
speed: 2000, //切换速度，即slider自动滑动开始到结束的时间（单位ms） speed: 2000, //切换速度，即slider自动滑动开始到结束的时间（单位ms）
loop:true, //循环切换 initialSlide:1,
observe:true, loop:false, //循环切换
peed: 300,//循环速度 peed: 300,//循环速度
scrollbar: '.swiper-scrollbar', scrollbar: '.swiper-scrollbar',
pagination: { pagination: {
@@ -90,7 +90,6 @@
created() { created() {
//这里的以后要去掉的，不应该是这样计算的 //这里的以后要去掉的，不应该是这样计算的
let width = document.body.clientWidth; let width = document.body.clientWidth;
console.log(width,'width');
if(width > 1921) { if(width > 1921) {
this.dlgWidth = '1088px'; this.dlgWidth = '1088px';
this.leftWidth='220px'; this.leftWidth='220px';
@@ -121,6 +120,7 @@
}, },
mounted() { mounted() {
this.getlist(); this.getlist();
// this.swiper.slideTo(3,2000,false);
}, },
methods:{ methods:{
show(){ show(){
@@ -152,7 +152,6 @@
} else { } else {
this.resonimgTow = item.images; this.resonimgTow = item.images;
} }
} }
}, },
notYet() { notYet() {