微信小程序图片轮播代码

在微信小程序中，实现图片轮播功能通常会使用`swiper`组件，这是一个内置的小程序组件，用于创建轮播图。以下是一个简单的图片轮播代码示例：

<view class="swiper-container">
  <swiper indicator-dots="{{indicatorDots}}" autoplay>
    <swiper-item wx:for="{{itemList}}" wx:key="*this">
      <image src="{{item.image}}" mode="widthFix" />
    </swiper-item>
  </swiper>
</view>

<style scoped>
.swiper-container {
  position: relative;
  width: 100%;
  height: 200rpx; /* 根据需求调整高度 */
}
</style>

<script>
Page({
  data: {
    itemList: [
      { image: 'path/to/image1.jpg' },
      { image: 'path/to/image2.jpg' },
      { image: 'path/to/image3.jpg' },
      // 更多图片...
    ],
    indicatorDots: true, // 显示指示点，默认为false
    interval: 3000, // 自动切换时间间隔，单位为毫秒
  },
  onReady: function() {
    this.mySwiper = this.selectComponent('#swiper')
  },
  methods: {
    next: function() {
      this.mySwiper.current = (this.mySwiper.current + 1) % this.itemList.length;
    },
    prev: function() {
      this.mySwiper.current = (this.mySwiper.current - 1 + this.itemList.length) % this.itemList.length;
    },
  }
})
</script>

在这个例子中，你需要替换`itemList`数组中的图片路径（`path/to/image1.jpg`, `path/to/image2.jpg`, 等），`interval`属性设置自动切换的时间间隔，`indicatorDots`控制是否显示指示点。`onReady`生命周期函数用于初始化swiper组件，`next`和`prev`方法则用于手动切换图片。