$(function(){
    // 数字动态加载
    $(".ind2-num  .item  span.num").countUp({
      time: 700
    })
    var banner = new Swiper ('.ind-banner  .swiper-container', {
        loop: true,
        slidesPerView : 1,
        speed: 800,
        autoplay: {
            delay: 3500,
        },
        pagination: {
          type : 'custom' ,
          el: '.ind-banner .page-num',
          clickable:true,
          renderCustom:function(swiper,current,total){
            console.log('分页===',swiper,current,total)
            var paginationHtml=""
            for(var i=1; i<= total; i++){
              
              if(i==current){
                if(i<9){
                  paginationHtml += '<span class="my-swiper on">'+ '0'+ i +'</span>'
                }else{
                  paginationHtml += '<span class="my-swiper on">'+ i +'</span>'
                }
                
              }else{
                if(i<9){
                  paginationHtml +=  '<span class="my-swiper ">'+'0'+ i +'</span>'
                }else{
                  paginationHtml +=  '<span class="my-swiper">'+i +'</span>'
                }
                
              }
            }
            console.log(paginationHtml)
            // $('.page-num').innerHtml = paginationHtml
            return paginationHtml
          }
        },
        navigation: {
            nextEl: '.ind-banner .swiper-button-next',
            prevEl: '.ind-banner .swiper-button-prev',
          },
        
      }) 
   
      //点击分页器跳转到对应页面
      $(".ind-banner .swiper-pagination").on("click","span",function(){
        var index = $(this).index();
        banner.slideTo(index);
      })
      var indproduct = new Swiper ('.ind4-swiper  .swiper-container', {
        loop: true,
        spaceBetween : 20,
        breakpointsInverse: true,
        breakpoints: { 
            320: {  //当屏幕宽度大于等于320
                slidesPerView : 1,
                },
            768: {  //当屏幕宽度大于等于768 
                slidesPerView : 3,
                },
            1200: {  //当屏幕宽度大于等于768 
              slidesPerView : 3.1,
              },
            1600: {  //当屏幕宽度大于等于768 
                slidesPerView : 4.1,
                },
        },
      
        pagination: {
          el: 'ind4-swiper .swiper-pagination',
        },
        navigation: {
            nextEl: '.ind4-swiper .swiper-button-next',
            prevEl: '.ind4-swiper .swiper-button-prev',
          },
      }) 
      
})