微信小程序 Swiper组件

官方文档

代码:

<view>
  <swiper autoplay='true' indicator-dots='true'>
    <swiper-item><image src='/images/a.png'></image></swiper-item>
    <swiper-item><image src='/images/b.png'></image></swiper-item>
    <swiper-item><image src='/images/c.png'></image></swiper-item>
  </swiper>
</view>

对应的 .wxss 文件:

swiper {
  width: 100%;
  height: 500rpx;
}

swiper image {
  width: 100%;
  height: 500rpx;
}