小程序轮播（纵向，竖向）花样轮播 3D？

wxml:

<view class="jszxbottom">
    <view class="bg"></view>
    <swiper class="imageContainer" bindchange="handleChange" duration="500" previous-margin="50rpx" current="1" next-margin="50rpx" vertical="false" circular="true">
        <block wx:for="{
    {9}}" wx:key="{
    {index}}">
        <!-- 解决当轮播为第一个时 上面多余不显示的问题 （这里我写死了两个div）-->
        <view class="huadong {
    {index==0&&currentIndex==index?'':'hide'}}"></view>
        <!-- 解决当轮播为最后一个时 下面多余不显示的问题 -->
        <view class="huadongs {
    {index==8&&currentIndex==index?'':'hide'}}" style="bottom:-{
       {
       8}}23%;"></view>
        <swiper-item class="sitem">
            <view class="swiper-item {
    {currentIndex == index ? 'active': ''}} {
    {currentIndex>index?'ab':'cd'}}" data-jiage="{
    {item.price}}" bindtap="gojswanshanddinfo">
                <view class="jingxuan_li" data-zxsid="{
    {item.id}}" bindtap="gozxsdetails">
                    <view class="jingxuan_zxs"><image src="../img/kefu1.png"></image></view>
                    <view class