| | |
|---|
| | | <swiper :style="{width: '100vw', height: '410rpx'}" :indicator-dots="swiperConfig.indicatorDots" |
|---|
| | | :indicator-color="swiperConfig.indicatorColor" :indicator-active-color="swiperConfig.indicatorActiveColor" |
|---|
| | | :autoplay="swiperConfig.autoplay" :interval="swiperConfig.interval" :duration="swiperConfig.duration" |
|---|
| | | :circular="swiperConfig.circular" :previous-margin="swiperConfig.previousMargin" |
|---|
| | | :circular="swiperConfig.circular" :previous-margin="swiperConfig.previousMargin" v-if="init" |
|---|
| | | :next-margin="swiperConfig.nextMargin" @change="swiperChange" @animationfinish="animationfinish"> |
|---|
| | | |
|---|
| | | <swiper-item v-for="(item, i) in bannerList" :key="i"> |
|---|
| | |
|---|
| | | <image :src="item.bg" class="slide-image"> |
|---|
| | | |
|---|
| | | </image> |
|---|
| | | <view v-if="item.currentMsg" class="top-msg" :class="[`v${i+1}`]"> |
|---|
| | | <view v-if="item.currentMsg" class="top-msg" :class="[`v${bannerList[i].key|| (i+1)}`]"> |
|---|
| | | {{item.currentMsg}} |
|---|
| | | </view> |
|---|
| | | <image :src="item.picture" class="icon-image" :class="[`v${i+1}`]" mode="aspectFit"></image> |
|---|
| | | <view class="container" :class="[`v${i+1}`]"> |
|---|
| | | <image :src="item.picture" class="icon-image" :class="[`v${bannerList[i].key||(i+1)}`]" |
|---|
| | | mode="aspectFit"></image> |
|---|
| | | <view class="container" :class="[`v${bannerList[i].key|| (i+1)}`]"> |
|---|
| | | <view class="title">{{bannerList[i].title}}</view> |
|---|
| | | <view class="line-component" v-if="bannerList[i].point"> |
|---|
| | | <view class="line-bg"> |
|---|
| | |
|---|
| | | return { |
|---|
| | | curIndex: 0, |
|---|
| | | descIndex: 0, |
|---|
| | | isDescAnimating: false |
|---|
| | | isDescAnimating: false, |
|---|
| | | init: true |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | |
|---|
| | | // swiperChangeIndex(index){ |
|---|
| | | // this.curIndex = index || 0 |
|---|
| | | // this.init = true |
|---|
| | | // this.$forceUpdate() |
|---|
| | | // }, |
|---|
| | | swiperChange(e) { |
|---|
| | | const that = this |
|---|
| | | this.curIndex = e.mp.detail.current |
|---|
