如何使用swiper

  大家都知道如何运用swiper，我只是罗列我在做项目时候的流程，当然大家可以去http://www.swiper.com.cn/看具体例子和一些特殊式样。

  我这里涉及两个page，测一测和摇一摇，所以这边定义两个div而且带轮播底部。

  

  

    

    

        

            
看看自己适合买基金吗？
">

      
看看自己适合买基金吗？

            <%--
Slide 2
--%>
          
        
        
        

    
        
        

然后增加css，这边是实例中的css

   .swiper-container {
            width: 100%;
            /*height: 100%;*/
            height:1.90625rem;
            }
        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            }
    .swiper-slide-test {
        background-color:#f7f1df;
        }
      .swiper-slide-shake {
        background-color:#f7f1df;
        }

   后面两个是为背景定义颜色，后面是关键一定要包在开始脚本里：

  var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true
        });