小程序轮播图

轮播图

打开微信官方文档
链接: https://developers.weixin.qq.com/miniprogram/dev/framework/

用微信小程序的swiper组件实现轮播图

代码如下：

为了让轮播图更好看，下面加了一些样式

在这里写入样式

.banners{
  width: 100%;
  height: 300rpx;
}

.banners image{
  width: 100%;
  height: 100%;
}

下面的轮播图长这样：

差了下面导航的小圈圈
打开之前打开的官方文档


发现轮播图上面的小圈圈是黑色的，特别丑