<van-swipe :show-indicators = false :loop="false" :width="330" @change="onChange">
<van-swipe-item v-for="(item,index) in leverList" :key="index" :class=" {'mr24':index != leverList.length - 1}">
<div class="banner" :class="{'banner2':index == 1,'banner3':index == 2,'banner4':index == 3,
'banner5':index == 4,'banner6':index == 5,'banner7':index == 6,'banner8':index == 7,'banner9':index >= 8}">
<h1>{{$t('home.right2')}} {{item.rechargeAmount}} {{legalCoinModel.coinName}}</h1>
<h2>{{$t('home.right4')}} {{item.orderAmount}} {{legalCoinModel.coinName}}</h2>
<div class="lineshow"></div>
<div class="haveRight">{{$t('home.right5')}} 3 {{$t('home.right6')}}</div>
</div>
</van-swipe-item>
</van-swipe>