怎么使用swiper快速实现轮播图?方法在这里!

首先引入框架js和css代码

书写css代码

   .swiper-container {
        width: 100%;
        height: 150px;
    }

    .swiper-slide {
        width: 100%;
        height: 150px;
    }

    .swiper-slide img {
        width: 100%;
        height: 100%;
    }

然后写html代码

   

        

            

                {volist name="$banner" id="vo"}
                

                
                {/volist}
            
            {volist name="$banner" id="vo"}
            

            {/volist}
        
    

最后动起来需要js代码

这样就可以滑动了