微信小程序幻灯片效果实现

视图容器swiper

index.wxml

index.wxss

/* 图片宽度设置 */
.img{
  width: 100%;
}
/* 设置三个小点的位置 */
.banner swiper{
  width: 100%;
  height: 230rpx;
}

index.js

//获取应用实例
const app = getApp()

Page({
  data: {
    indicator_dots:true,
    indicator_color: "#ffffff",
    indicator_active_color:"#F8626E",
    autoplay: true,
    interval: 3000,
    circular: true
  },
  onLoad: function () {
   
  }
})