75 lines
1.7 KiB
JavaScript
75 lines
1.7 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,
|
|
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();
|
|
};
|
|
function video_play() {
|
|
$(".sale-video").get(0).controls = true;
|
|
if ($(".sale-video").get(0).paused) {
|
|
$(".sale-video").get(0).play();
|
|
$(".tele-video-play").hide();
|
|
} else {
|
|
sale_video.get(0).pause();
|
|
$(".tele-video-play").show();
|
|
}
|
|
}
|