gswz/SFHY/static/js/webchat.js

98 lines
2.2 KiB
JavaScript

var vm = new Vue({
el: "#app",
data: {
tel: '',
i: 2,
activeIndex: 2,
solveSwiper: "",
teleManaI: 1,
teleMana2I: 1,
teleMana3I: 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() {
_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',
}
});
new Swiper('.webchat-phone-box', {
initialSlide: 1,//初始化时slide的索引
slidesPerView: 'auto',
slideToClickedSlide: true,
centeredSlides: true,
autoplay: {
delay: 3000,
disableOnInteraction: false
},
pagination: {
el: '.swiper-pagination',
clickable: true,
}
})
},
mixins: [mixins],
methods: {
solveTab(i) {
this.i = i;
var j = i - 1;
this.solveSwiper.slideTo(j, 1000, false);
},
teleMana(i) {
this.teleManaI = i;
},
teleMana2(i) {
this.teleMana2I = i;
},
teleMana3(i) {
this.teleMana3I = i;
},
toApply() {
var telReg = /^1[3-9][0-9]{9}$/;
if (telReg.test(this.tel)) {
location.href = "/apply/index.html?tel=" + this.tel;
} else[
alert("您输入的号码有误!")
]
}
}
});
if (screen.availWidth !== 1280 && window.devicePixelRatio !== 1.5) {
new WOW().init();
};