小程序轮播图中间大两边小,下边的项随着轮播图变动

wxml：

     <view class="swiper">
            <swiper autoplay interval="{
  {interval}}" circular previous-margin="{
  {leftMargin}}" next-margin="{
  {rightMargin}}" bindchange="handleChange">
                <block wx:for="{
  {privilegeUrls}}">
                    <swiper-item>
                        <image src="{
  {item.big}}" class="slide-image {
  {currentIndex == index ? 'active': ''}}" />
                    </swiper-item>
                </block>
            </swiper>
            <!-- 面板指示点 -->
            <view class='tab' style='position:absolute;bottom:34rpx;display:flex'>