使用swiper轮播显示多张图片

效果如下:

css样式, 需要引入swiper的css和js文件

    <link rel="stylesheet" href="./static/swiper/css/swiper.min.css">

<script src="./static/swiper/js/swiper.min.js"></script>

.ying_sipder .swiper-container {
        margin-top: 50px;
        width: 100%;
        height: 300px;
    }

    .ying_sipder .swiper-container .swiper-wrapper .swiper-slide {
        width: 250px;
        border-radius: 20px;
    }

    .ying_sipder .swiper-container .swiper-wrapper .swiper-slide img {
        position: absolute;
        left: 120px;
        width: 100%;
        height: 250px;
    }

    .ying_sipder .swiper-container .swiper-wrapper .swiper-slide-prev {
        height: 250px !important;
    }

    .ying_sipder .swiper-container .swiper-wrapper .swiper-slide-prev img {
        height: 2