Vue.createApp({
  setup() {
    let info = Vue.reactive({
      clientWeight: window.screen.width
    });
    Vue.onMounted(() => {
      window.onresize = () => {
        info.clientWeight = window.screen.width;
      };
    });
    return {
      info
    };
  }
}).mount(".K8凯发-kvBanner-containe-new");
new Swiper(".K8凯发-kvBanner-containe-new .swiper", {
  modules: [Navigation, Pagination, Autoplay],
  on: {
    init: function(curSwiper) {
      curSwiper.slides.forEach(item => {
        let slideideo = item.querySelector('video')
        if (slideideo) {
          slideideo.muted = true
          slideideo.load()
        }
      })

    }
  },
  autoHeight: true,
  loop: true,
  autoplay: {
    delay: 5e3
  },
  allowSlideNext: kvBannerSwiper,
  allowSlidePrev: kvBannerSwiper,
  navigation: {
    nextEl: ".swiper-button-next-h01-new",
    prevEl: ".swiper-button-prev-h01-new"
  }
});
let h010 = {
  containerDom: [],
  timer: null,
  animateTimer: null,
  scrollDir: 0,
  touchStart: 0,
  touchEnd: 0,
  init: function() {
    this.getContainerDom();
  },
  watchScroll: function(e) {
    clearTimeout(this.timer);
    this.timer = setTimeout(function() {
      e = e || window.event;
      if (e.wheelDelta) {
        if (e.wheelDelta > 0) {
          h010.scrollDir = -1;
        }
        if (e.wheelDelta < 0) {
          h010.scrollDir = 1;
        }
      } else if (e.detail) {
        if (e.detail < 0) {
          h010.scrollDir = -1;
        }
        if (e.detail > 0) {
          h010.scrollDir = 1;
        }
      }
      h010.callAnimation();
    }, 300);
  },
  callAnimation: function() {
    if (h010.scrollDir == 1) {
      h010.containerDom.forEach((item) => {
        if (item.getBoundingClientRect().top < window.innerHeight && item.getBoundingClientRect().top > 0) {
          h010.scrollAnimation(item.offsetTop, h010.scrollDir);
        }
      });
    } else {
      h010.containerDom.forEach((item) => {
        if (item.getBoundingClientRect().top < 0 && item.getBoundingClientRect().top > -window.innerHeight) {
          h010.scrollAnimation(item.offsetTop, h010.scrollDir);
        }
      });
    }
  },
  scrollAnimation: function(target, dir) {
    var oTop = document.body.scrollTop || document.documentElement.scrollTop;
    let speed = 50 * dir;
    cancelAnimationFrame(h010.animateTimer);
    if (h010.scrollDir == 1) {
      h010.animateTimer = requestAnimationFrame(function fn() {
        oTop = document.body.scrollTop || document.documentElement.scrollTop;
        if (oTop < target) {
          var move = oTop + speed < target ? oTop + speed : target;
          document.body.scrollTop = document.documentElement.scrollTop = move;
          if (move == target) {
            cancelAnimationFrame(h010.animateTimer);
            return;
          }
          h010.animateTimer = requestAnimationFrame(fn);
        } else {
          cancelAnimationFrame(h010.animateTimer);
        }
      });
    } else {
      h010.animateTimer = requestAnimationFrame(function fn() {
        oTop = document.body.scrollTop || document.documentElement.scrollTop;
        if (oTop > target) {
          var move = oTop + speed > target ? oTop + speed : target;
          document.body.scrollTop = document.documentElement.scrollTop = move;
          if (move == target) {
            cancelAnimationFrame(h010.animateTimer);
            return;
          }
          h010.animateTimer = requestAnimationFrame(fn);
        } else {
          cancelAnimationFrame(h010.animateTimer);
        }
      });
    }
  },
  getContainerDom: function() {
    document.querySelectorAll(".K8凯发-kvBanner-containe-new").forEach((item) => {
      if (item.className.indexOf("swiper") <= -1) {
        this.containerDom.push(item);
      }
    });
    if (this.containerDom.length) {
      if ("ontouchstart" in document) {
        window.addEventListener("touchstart", function(e) {
          h010.touchStart = e.touches[0].pageY;
        });
        window.addEventListener("touchend", function(e) {
          console.log(h010.scrollDir);
          h010.touchEnd = e.changedTouches[0].pageY;
          if (h010.touchEnd - h010.touchStart > 0) {
            h010.scrollDir = -1;
          }
          if (h010.touchEnd - h010.touchStart < 0) {
            h010.scrollDir = 1;
          }
          h010.callAnimation();
        });
      } else {
        window.addEventListener("onwheel" in document ? "wheel" : "mousewheel", this.watchScroll);
      }
    }
  }
};
h010.init();