微信小程序swipe的3d轮播图

  最近因为比较闲，所以就研究了一下微信自带的swipe轮播工具，写了一个3d的轮播效果，代码和效果图如下：

  首先先贴出微信小程序官方文档：

 

1.wxml的代码

<swiper class="imageContainer" bindchange="handleImgChange" previous-margin="50rpx" next-margin="50rpx" circular autoplay>

  <block wx:for="{ {imgUrls}}" >

    <swiper-item class="item">

       <image class="itemImg { {currentIndex == index ? 'active': ''