swiper小结（pc）

swiper-3.4.2.min.css
swiper-3.4.2.min.js（如果引入了jQuery可以用简化的swiper）
定义容器：

        <div class="swiper-button-prev"></div>//上一页也可以放在这，把position改成static就可以自定义样式了
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide">11111111111</div>
        <div class="swiper-slide">22222222222</div>
        <div class="swiper-slide">33333333333</div>
      </div>    
            <div class="swiper-button-prev"></div>  
            <div class="swiper-button-next"></div>
    </div>
    <div class="swiper-button-next"></div>//同上一页（默认的有margin-top：-20px）

js代码：

window.onload = function(){
        var mySwiper = new Swiper('.swiper-container',{
        slidesPerView : 4,//显示几条
        prevButton:'.swiper-button-prev',//上一页
        nextButton:'.swiper-button-next',//下一页
                spaceBetween:10//slide之间的间距，px
        //centeredSlides : true,//第一张是不是放到中间
        })
    }

ps：
和angularjs结合来使用的时候，通过ng-repeat创建出来的swiper-slide，会出现无法滑动，布局变形等情况，这时候，设置

observer：true; //修改Swiper自己或子元素时初始化Swiper

observeParents:true; //修改Swiper的父元素时，自动初始化Swiper