轮播图样式

html:

   

        {% for wheel in wheels %}

           

               

           

        {% endfor %}

   

   

   

css:

头部轮播图部分

#topSwiper {

    height: 8rem;

    width: 100%;

    overflow: hidden;

}

#topSwiper .swiper-wrapper{

    width: 100%;

    height: 100%;

}

#topSwiper .swiper-wrapper a{

    display: inline-block;

    width: 100%;

    height: 100%;

}

#topSwiper img{

    width: 100%;

    height: 100%;

}

#topSwiper .swiper-pagination{

    bottom: 0px;

}