# 幻灯片 参考文档: [http://www.swiper.com.cn/api/basic/2014/1213/16.html](http://www.swiper.com.cn/api/basic/2014/1213/16.html) ``` <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <div class="swiper-slide">Slide 2</div> <div class="swiper-slide">Slide 3</div> </div> <!-- 分页器 --> <div class="swiper-pagination"></div> </div> <style> .swiper-container { width : 100%; height : 150px; background : #aaa; } </style> <script> $(function () { require(['swiper'], function ($) { var mySwiper = new Swiper('.swiper-container', { width: window.innerWidth, height: 150, autoplay: 3000, direction: 'horizontal', loop: true, // 分页器 pagination: '.swiper-pagination', }) }) }) </script> ```