微信小程序swiper实现当前item宽度变大，一屏展示三个item，自动播放手滑播放都可以，正常播放item正常展示不遮盖

微信小程序中的`swiper`组件可以实现滚动显示内容，并支持设置选项使其一屏显示三个item（轮播图项）。要实现当前项宽度变大以及自动播放、手动滑动切换的效果，你需要在`swiper`组件的配置中做以下设置：

1. 配置swiper：

<view class="swiper-container">
  <swiper current="{{currentIndex}}" indicator-dots="true" autoplay={autoplay} duration="2000" style="width: 100%; height: 400px;">
    <block wx:for="{{items}}" wx:key="*this">
      <view class="swiper-item active-item" :style="{ width: isCurrent ? '100%' : 'calc(100% / 3)' }">
        <!-- 这里放置每个item的内容 -->
        <image src="{{item.image}}" />
      </view>
    </block>
  </swiper>
</view>

- `current`属性用于存储当前选中的item索引，`indicator-dots`表示是否显示指示点，`autoplay`设置为`true`开启自动播放，`duration`设置动画时长。

2. 控制当前item宽度变化的`isCurrent`变量：

data() {
  return {
    items: [
      // ...你的item数据
    ],
    currentIndex: 0,
    autoplay: true,
    isCurrent: false,
  };
},
methods: {
  onSwipeChange(index) {
    this.currentIndex = index;
    if (index % 3 === 0) { // 当前显示的是第3个item时，宽度设为100%
      this.isCurrent = true;
    } else {
      this.isCurrent = false;
    }
  },
}

- `onSwipeChange`事件处理器会在滑动切换时更新`isCurrent`，当index除以3余数为0时，说明到了新的一屏开始，宽度变为100%。

注意：以上代码片段是简化的示例，实际应用中可能需要配合样式文件（如`.wxss`)进行更精细的布局调整。此外，确保你的`items`数组长度能够完美循环显示，并且每个item的数据结构包含必要的图片url字段。