提交 4458298f authored 作者: matian's avatar matian

修改官网合作院校和轮播图滚动效果

上级 5c8a04cb
No preview for this file type
......@@ -33,7 +33,10 @@
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/emp624-i3.png">
<img src="/emp623-i31.png" class="img" alt="">
<img src="/emp623-i32.png" class="img" alt="">
<img src="/emp623-i33.png" class="img" alt="">
</div>
</div>
</div>
......@@ -43,14 +46,14 @@
<div v-swiper:mySwiper2="swiperOption2" ref="mySwiper2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/emp624-i4.png">
<img src="/emp624-i41.png" class="img" alt="">
<img src="/emp624-i42.png" class="img" alt="">
<img src="/emp624-i43.png" class="img" alt="">
<img src="/emp624-i44.png" class="img" alt="">
</div>
</div>
</div>
</div>
<!-- <img src="https://webapp-pub.ezijing.com/www/pc/emp-con7-new.png" alt="" class="img9" /> -->
<!-- <img src="https://webapp-pub.ezijing.com/www/pc/emp-con8.png" alt="" class="img9"> -->
<!-- <img src="https://webapp-pub.ezijing.com/www/pc/emp-con9.png" alt="" class="img9"> -->
</div>
</div>
</div>
......@@ -63,9 +66,13 @@ export default {
data() {
return {
swiperOption: {
speed: 1000,
autoplay: true,
delay: 3000,
speed: 6000,
autoplay: {
delay: 0,
stopOnLastSlide: false,
disableOnInteraction: true,
},
// delay: 3000,
observer: true,
observerParent: true,
navigation: {
......@@ -75,9 +82,13 @@ export default {
loop: true
},
swiperOption2: {
speed: 1000,
autoplay: true,
delay: 3000,
speed: 6000,
autoplay: {
delay: 0,
stopOnLastSlide: false,
disableOnInteraction: true,
},
// delay: 3000,
observer: true,
observerParent: true,
navigation: {
......@@ -180,6 +191,21 @@ export default {
line-height: 100%;
color: #424242;
}
.swiper-wrapper{
-webkit-transition-timing-function: linear; /*之前是ease-out*/
-moz-transition-timing-function: linear;
-ms-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
.swiper-slide{
white-space: nowrap;
.img{
display:inline;
}
}
}
}
ul {
padding: 23px 0 39px 0;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论