微信小程序首页轮播图

以下是微信小程序首页轮播图的实现方法：

1. 在wxml文件中添加swiper组件，设置图片路径和样式：

<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{circular}}" style="{{swiperStyle}}">
  <block wx:for="{{imgUrls}}" wx:key="index">
    <swiper-item>
      <image src="{{item}}" class="slide-image" />
    </swiper-item>
  </block>
</swiper>

2. 在js文件中设置轮播图的参数和图片路径：

Page({
  data: {
    imgUrls: [
      'https://example.com/images/1.jpg',
      'https://example.com/images/2.jpg',
      'https://example.com/images/3.jpg'
    ],
    indicatorDots: true,
    autoplay: true,
    interval: 5000,
    duration: 1000,
    circular: true,
    swiperStyle: 'height: 300rpx;'
  }
})

其中，imgUrls为图片路径数组，indicatorDots表示是否显示指示点，autoplay表示是否自动播放，interval表示自动播放间隔时间，duration表示滑动动画时长，circular表示是否采用衔接滑动，swiperStyle表示轮播图的样式。