左右滑动图片,图片从列表中获取,图片为背景

<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>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值