68 lines
1.5 KiB
JavaScript
68 lines
1.5 KiB
JavaScript
|
var vm = new Vue({
|
||
|
|
el: "#app",
|
||
|
|
data: {
|
||
|
|
tel: '',
|
||
|
|
i: 2,
|
||
|
|
activeIndex: 2,
|
||
|
|
solveSwiper: "",
|
||
|
|
teleManaI: 1
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
var _this = this;
|
||
|
|
var solveSwiper = new Swiper('.tele-swiper-container', {
|
||
|
|
// loop: true, // 循环模式选项
|
||
|
|
initialSlide: 1,
|
||
|
|
slidesPerView: 'auto',
|
||
|
|
centeredSlides: true,
|
||
|
|
observer: true,
|
||
|
|
// spaceBetween: -50,
|
||
|
|
// slidesOffsetBefore: -50,
|
||
|
|
observeParents: true,
|
||
|
|
slideToClickedSlide: true,
|
||
|
|
autoplay: {
|
||
|
|
delay: 5000
|
||
|
|
},
|
||
|
|
// pagination: {
|
||
|
|
// el: '.swiper-pagination',
|
||
|
|
// clickable: true,
|
||
|
|
// },
|
||
|
|
on: {
|
||
|
|
slideChangeTransitionStart: function () {
|
||
|
|
_this.i = this.activeIndex + 1;
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|
||
|
|
this.solveSwiper = solveSwiper;
|
||
|
|
var customSwiper = new Swiper('.tele-custom-swiper-wrap', {
|
||
|
|
// loop: true, // 循环模式选项
|
||
|
|
initialSlide: 0,
|
||
|
|
slidesPerView: 3,
|
||
|
|
centeredSlides: true,
|
||
|
|
slidesPerView: 'auto',
|
||
|
|
observer: true,
|
||
|
|
observeParents: true,
|
||
|
|
autoplay: {
|
||
|
|
delay: 5000
|
||
|
|
},
|
||
|
|
navigation: {
|
||
|
|
nextEl: '.swiper-button-next',
|
||
|
|
prevEl: '.swiper-button-prev',
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
mixins: [mixins],
|
||
|
|
methods: {
|
||
|
|
solveTab(i) {
|
||
|
|
this.i = i;
|
||
|
|
var j = i - 1;
|
||
|
|
this.solveSwiper.slideTo(j, 1000, false);
|
||
|
|
},
|
||
|
|
teleMana(i) {
|
||
|
|
this.teleManaI = i;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
if (screen.availWidth !== 1280 && window.devicePixelRatio !== 1.5) {
|
||
|
|
new WOW().init();
|
||
|
|
};
|