SOURCE

$(function(){
  
  // 分屏操作，分屏后执行slick
jQuery(".slick-ten .con").each(function(i){ jQuery(".slick-ten .con").slice(i*6,i*6+6).wrapAll("<div class='item'></div>");});

            $('.slick-ten .slider').slick({
                dots: true,
                arrows: true,
                autoplay: true,
                slidesToShow: 1,
                autoplaySpeed: 2000,
                pauseOnHover: false
            })
  
})

<script src="https://cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/slick-carousel/1.9.0/slick.min.js"></script>
<link href="https://cdn.bootcss.com/slick-carousel/1.9.0/slick.min.css" rel="stylesheet">

<h1>自动每6个分一屏滚动</h1>

<div class="slick-ten">
    <div class="wp">
          <div class="slider">
               <div class="con con1"> 1</div>
               <div class="con con2"> 2</div>
               <div class="con con1"> 1</div>
               <div class="con con2"> 2</div>
               <div class="con con1"> 1</div>
               <div class="con con2"> 2</div>
               <div class="con con1"> 1</div>
               <div class="con con2"> 2</div>
               <div class="con con1"> 1</div>
               <div class="con con2"> 2</div>
               <div class="con con1"> 1</div>
               <div class="con con2"> 2</div>
               <div class="con con1"> 1</div>
               <div class="con con2"> 2</div>
          </div>
    </div>
</div>

.slider .con { 
  width:33%; height:100px; 
  float:left;
  margin:1px 0;
}
.slider .con1 { background:red;}
.slider .con2 { background:blue;}