SOURCE

console 命令行工具 X clear

                    
>
console
var mySwiper = new Swiper(".swiper-container", {
    autoplay: true,
    pagination: {
        el: '.swiper-pagination',
    },
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },
});
<div class="swiper-container">
    <!-- 首先定义一个容器 -->
    <div class="swiper-wrapper">
        <div class="swiper-slide">
           <img src="https://assets.bootcss.com/www/assets/img/expo.png" alt="" />
        </div>
        <!--添加图片 -->
        <div class="swiper-slide">
           <img src="https://assets.bootcss.com/www/assets/img/webpack.png" alt="" />
        </div>
        <div class="swiper-slide">
            <img src="https://assets.bootcss.com/www/assets/img/react.png" alt="" />
        </div>
         <div class="swiper-slide">
            <img src="https://assets.bootcss.com/www/assets/img/typescript.png" alt="" />
        </div>
         <div class="swiper-slide">
            <img src="https://assets.bootcss.com/www/assets/img/jqueryapi.png" alt="" />
        </div>
    </div>
    <div class="swiper-pagination">
    </div>
    <!-- 小圆点分页器 -->
    <div class="swiper-button-prev">
    </div>
    <!-- 上一页 -->
    <div class="swiper-button-next">
    </div>
    <!-- 下一页 -->
</div>
.swiper-container {
      width:400px;

    .swiper-slide {
        color: #fff;
        height: 200px;
        line-height:150px;
        text-align: center;
        background-color: #888;
        
        img{
            width:100%;
            height:100%;
        }
    }
}

本项目引用的自定义外部资源