(function () {
"use strict";
var rootId = "innovation-app-1";
var container = document.querySelector(
'[data-html-code-id="' + rootId + '"]',
);
if (!container) {
return;
}
const obj = {
data() {
return {
isPlay: false,
perView: 3,
isMob: false,
};
},
methods: {
toExpert(link) {
window.open(link, "_blank");
},
},
mounted() {
if (/Mobile|Android|iPhone|iPad/i.test(navigator.userAgent)) {
// 移动端配置
this.isMob = true;
this.perView = 1;
} else {
this.isMob = false;
this.perView = 3;
}
const aSwiper = new Swiper(".mr-innovation-xinyun .aSwiper", {
// grabCursor: true,
loop: false,
speed: 1000,
spaceBetween: 20,
pagination: {
el: ".aPagination",
clickable: true,
},
// effect: "fade",
// fadeEffect: {
// crossFade: true,
// },
// autoplay: {
// delay: 5000,
// stopOnLastSlide: false,
// disableOnInteraction: false,
// },
slidesPerView: this.perView,
// autoHeight: true,
slidesPerGroup: this.perView,
});
const bSwiper = new Swiper(".mr-innovation-xinyun .bSwiper", {
// grabCursor: true,
loop: false,
speed: 1000,
// spaceBetween: 20,
effect: "fade",
fadeEffect: {
crossFade: true,
},
autoplay: {
delay: 3000,
stopOnLastSlide: false,
disableOnInteraction: false,
},
});
},
};
const app = Vue.createApp(obj);
app.mount("#mr-app");
})();
