$require(['swiper'], function () {
  var gregrefgrefre = new swiper('.gregrefgrefre', {
    loop: false,
    slidesperview: 15,
    initialslide: 99,
    watchslidesvisibility: true,//防止不可点击
  })
  
  var gregrefgrefrea = new swiper('.gregrefgrefrea', {
    loop: false,
    slidesperview: 1,
    initialslide: 99,
    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")
        }
      },
      
    },
  })
})