jy/src/web/staticres/js/index/index_swiper.js

var pageSwiper = {
  idList: [
    '#new-pc-index-top-carousel',
    '#new-pc-index-carousel',
    '#new-pc-index-middle-carousel',
    // '#new-pc-index-ent-service',
    '#new-pc-index-twenty-three-right',
    '#new-pc-index-twenty-three-left',
    // '#new-pc-index-twenty-seven',
  ],
  swiperList: [],
  init: function () {
    for (var i = 0; i < this.idList.length; i++) {
      this.swiperList.push(this.initSwiper(this.idList[i]))
    }
    this.partnersInit()
    this.initGongYingShangList()
    this.initDataServiceScrollList()
  },
  initSwiper: function (id) {
    // banner广告位轮播
    return new Swiper(id, {
      slidesPerView: 1,
      centeredSlides: true,
      observer: true,
      speed: 800,
      pagination: {
        el: $(id).find('.swiper-pagination'),
        clickable :true
      },
      autoplay: $(id).find('.swiper-slide').length > 1 ? {
        delay: 3000
      } : false, // imageList.length > 1 ? true : false
      paginationClickable: true,
      loop: $(id).find('.swiper-slide').length > 1 ? true : false
    })
  },
  partnersInit: function () {
    var partners = new Swiper('.partners-container', {
      slidesPerView: "auto",
      centeredSlides: true,
      speed: 4000,
      freeMode: true,
      loop: true,
      slidesPerGroup: 1,
      autoplay: {
        delay: 1, 
        disableOnInteraction: false,
        pauseOnMouseEnter: true, 
      },
    });
    this.partners = partners
    partners.init()
  },
  // 优秀供应商轮播初始化
  initGongYingShangList: function () {
    var swiper = new Swiper('#good-supplier-card .swiper-container', {
      direction: 'vertical',
      speed: 800,
      autoplay: {
        delay: 10000
      },
      loop: true,
    });
  },
  // 数据服务专区-热门采购数据
  initDataServiceScrollList: function () {
    var $container = $('.data-service-module .service-tags-main')
    var $list = $('.data-service-module .service-tags-list')
    // 容器高度
    var viewportH = $container.innerHeight()
    // 列表高度
    var $listH = $list.height()
    // 初始化页码1
    var pageNum = 1
    $container.attr('data-page-num', pageNum)
    // 总共能滚动多少页
    var pageTotal = Math.ceil($listH / viewportH)
    // 每页距离
    var pageSize = viewportH
    pageSize = ($('.data-service-module .service-tags-item').height() + 8) * 4

    function next () {
      var pN = $container.attr('data-page-num') - 0 || pageNum
      var px = (pageNum - 1) * pageSize
      $list.css({
        transform: 'translateY(-'+ px +'px)'
      })
      if (pN >= pageTotal) {
        // 重置
        pageNum = 1
      } else {
        // 页码++
        pageNum++
      }
      $container.attr('data-page-num', pageNum)
    }
    setInterval(next, 10000)
  },
}
$(function () {
  pageSwiper.init()
})