微信小程序轮播图

.wxml

<!-- 轮播图 -->
<view>
    <swiper indicator-dots autoplay interval="3000" circular>
        <swiper-item>
            <image src="https://vf-repos.oss-cn-beijing.aliyuncs.com/1.png"></image>
        </swiper-item>

        <swiper-item>
            <image src="https://vf-repos.oss-cn-beijing.aliyuncs.com/2.png"></image>
        </swiper-item>
    </swiper>
</view>

.wxss

/* 轮播图 */
swiper {
    width: 100%;
    height: 400rpx;
    margin-bottom: 10rpx;
}
swiper swiper-item {
    width: 100%;
    height: 100%;
}
swiper swiper-item image{
    width: 100%;
    height: 100%;
}