swiper轮播

常规

<div class="swiper-container banner">
        <div class="swiper-wrapper">
            <div class="banner swiper-slide">
                <img src="./img/banner2.jpg" alt="">
                <h1 class="introduceTitle">风采1</h1>
            </div>
            <div class="banner swiper-slide">
                <img src="./img/banner2.jpg" alt="">
                <h1 class="introduceTitle">风采2</h1>
            </div>
            <div class="banner swiper-slide">
                <img src="./img/banner2.jpg" alt="">
                <h1 class="introduceTitle">风采3</h1>
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>

js

var swiper = new Swiper('.swiper-container', {
        spaceBetween: 30,
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
        pagination : {
            el: '.swiper-pagination',
        },
    });