uni-app小程序-高低起伏走马灯

<template>
  <view class="content">
    <view class="swiper_style">
      <!-- previous-margin指的是当前图片的左边框距离屏幕最左边的距离 -->
      <swiper style="height: 500rpx;"
              previous-margin="180rpx"
              next-margin="180rpx"
              @change="handlechange"
              :current="mycurrent"
              :indicator-dots="false"
              :circular="true"
              :interval="3000"
              :duration="1000">
        <swiper-item @click="goContents(item)"
                     v-for="(item,i) in list"
                     :key="i">
          <view :class="['swiper-item',i==mycurrent ? 'active' : '']">
            <image :src="item.cover"
                   style="width: 100%;height: 100%;border-radius: 20rpx;box-shadow: 0px 2rpx 20rpx 0px #33333329"
                   alt=""
                   srcset="" />
          </view>
          <view v-if="i==mycurrent"
                class="c333 f36 tcente