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();
};