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

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

上级 5c8a04cb
No preview for this file type
...@@ -33,7 +33,10 @@ ...@@ -33,7 +33,10 @@
<div v-swiper:mySwiper="swiperOption" ref="mySwiper"> <div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <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> </div>
</div> </div>
...@@ -43,14 +46,14 @@ ...@@ -43,14 +46,14 @@
<div v-swiper:mySwiper2="swiperOption2" ref="mySwiper2"> <div v-swiper:mySwiper2="swiperOption2" ref="mySwiper2">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <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>
</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> </div>
</div> </div>
...@@ -63,9 +66,13 @@ export default { ...@@ -63,9 +66,13 @@ export default {
data() { data() {
return { return {
swiperOption: { swiperOption: {
speed: 1000, speed: 6000,
autoplay: true, autoplay: {
delay: 3000, delay: 0,
stopOnLastSlide: false,
disableOnInteraction: true,
},
// delay: 3000,
observer: true, observer: true,
observerParent: true, observerParent: true,
navigation: { navigation: {
...@@ -75,9 +82,13 @@ export default { ...@@ -75,9 +82,13 @@ export default {
loop: true loop: true
}, },
swiperOption2: { swiperOption2: {
speed: 1000, speed: 6000,
autoplay: true, autoplay: {
delay: 3000, delay: 0,
stopOnLastSlide: false,
disableOnInteraction: true,
},
// delay: 3000,
observer: true, observer: true,
observerParent: true, observerParent: true,
navigation: { navigation: {
...@@ -180,6 +191,21 @@ export default { ...@@ -180,6 +191,21 @@ export default {
line-height: 100%; line-height: 100%;
color: #424242; 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 { ul {
padding: 23px 0 39px 0; padding: 23px 0 39px 0;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论