微信小程序 swiper 中间大 两边小的轮播

微信小程序中的 Swiper 组件是一个常用的滑动组件，可以创建轮播效果。如果你想实现中间大、两边小的效果，通常需要自定义样式或者利用 CSS3 的 `transform` 属性配合百分比宽度来设置每个 slide 的宽度。

首先，在 WXML 文件中基本的 Swiper 元素配置如下：

<swiper indicator-dots="true">
  <block wx:for="{{items}}">
    <view class="slide-item {{index == currentIndex ? 'active' : ''}}"></view>
  </block>
</swiper>

然后，你需要在 WXSS 中编写样式：

.slide-item {
  width: calc(50% - 10px); /* 这里的 10px 是左右边距 */
  float: left;
  position: relative; /* 如果不是固定定位，需要这个属性 */
}

.active {
  width: calc(100% + 20px); /* 20px 代表两侧额外的宽度 */
  margin-left: -10px; /* 抵消左边的负边距 */
}

这里的关键是通过动态计算 slide 的宽度，并在激活（当前显示）的时候增加额外的宽度，同时调整左侧的负边距，让中间的 slide 显示更大，两边的更小。