$require(['swiper'], function () {
  var gregrefgrefre = new Swiper('.gregrefgrefre', {

    loop: false,
    slidesPerView: 3,
    initialSlide: 0,

        watchSlidesVisibility: true,//防止不可点击
  
  })
  var gregrefgrefrea = new Swiper('.gregrefgrefrea', {
    loop: false,
    slidesPerView: 1,
    initialSlide: 0,

     thumbs: {
      swiper: gregrefgrefre,
    },
    navigation: {
      nextEl: '.gregrefgrefre .swiper-button-next',
      prevEl: '.gregrefgrefre .swiper-button-prev',
    },
    
    on: {
      init: function (swiper) {
        $(".gregrefgrefre > .p_list").css("margin-left", "33%")

        $('.gregrefgrefre > .p_list > div').each(function (i) {
          $(this).attr('data-index', i);
        });

      },
      slidePrevTransitionStart: function (swiper) {
        $(".gregrefgrefre > .p_list").css("margin-left", "33%")
        let lastcurnum = $('.gregrefgrefre > .p_list > div:nth-last-child(2)').attr('data-index');
        if (this.activeIndex == lastcurnum) {
          $(".gregrefgrefre > .p_list").css("margin-left", "0")
        }
      },
      slideNextTransitionStart: function (swiper) {
        $(".gregrefgrefre > .p_list").css("margin-left", "-33%")
        if (this.activeIndex == 1) {
          $(".gregrefgrefre > .p_list").css("margin-left", "0")
        }
      },
    },
  })
})