| | |
| | | </view> |
| | | |
| | | <!--单列图片--> |
| | | <view class="centerSwiper-container colCenCen borderBox" v-if="singleLineList.length>0"> |
| | | <!-- <view class="centerSwiper-container colCenCen borderBox" v-if="singleLineList.length>0"> |
| | | <swiper class="swiper-box" :autoplay="true" :interval="5000" :duration="300" circular> |
| | | <swiper-item v-for="(items,index) in singleLineList" :key='index'> |
| | | <view class="swiper-item defIcon" @click="goUrl(items)"> |
| | |
| | | </view> |
| | | </swiper-item> |
| | | </swiper> |
| | | </view> --> |
| | | <!--左轮播,右两行--> |
| | | <view class="centerflex f_contant"> |
| | | <view class="f_centerSwiper-container swiper-box swiper-item f_left"> |
| | | <swiper class="swiper-box" :autoplay="true" :interval="5000" :duration="300" circular> |
| | | <swiper-item v-for="(items,index) in singleLineList" :key='index'> |
| | | <view class="swiper-item defIcon" @click="goUrl(items)"> |
| | | <image :src="items.image" mode="aspectFit"></image> |
| | | </view> |
| | | </swiper-item> |
| | | </swiper> |
| | | </view> |
| | | <view class="f_right"> |
| | | <view class="f_imgcon"> |
| | | <image src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/%E6%9C%80%E9%AB%9823888%E5%85%83-1054%20330.jpg"></image> |
| | | </view> |
| | | <view class="f_imgcon"> |
| | | <image src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/%E6%9C%80%E9%AB%9823888%E5%85%83-1054%20330.jpg"></image> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | |
| | | <!--双列图片--> |
| | |
| | | this.$u.api.getBanner({ |
| | | type: '1,3,4,5' |
| | | }).then(e => { |
| | | console.log(e) |
| | | if (e.code == 1) return that.$alert(e.msg); |
| | | var res = e.data.info; |
| | | this.topBannerList = res.topBannerList; |
| | |
| | | this._freshing = false; |
| | | }, 300) |
| | | }).catch(function(err) { |
| | | |
| | | console.log(err) |
| | | }) |
| | | }, |
| | | |
| | |
| | | }, |
| | | |
| | | goUrl(info) { |
| | | console.log(info) |
| | | utils.goUrl(info, this) |
| | | }, |
| | | |
| | |
| | | </script> |
| | | |
| | | <style lang="scss"> |
| | | .f_contant |
| | | { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | width: 96%; |
| | | height: 550rpx; |
| | | flex-direction: row; |
| | | padding: 20rpx 0; |
| | | margin: auto; |
| | | .f_left{ |
| | | width:49%; |
| | | border-radius: 12rpx; |
| | | background: #fff; |
| | | } |
| | | .f_right{ |
| | | width:49%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: space-between; |
| | | } |
| | | .f_imgcon |
| | | { |
| | | height: 49%; |
| | | border-radius: 12rpx; |
| | | image |
| | | { |
| | | width:100%; |
| | | border-radius: 12rpx; |
| | | height: 100%; |
| | | } |
| | | } |
| | | .f_centerSwiper-container { |
| | | |
| | | |
| | | .swiper-box { |
| | | width: 100%; |
| | | height: 100%; |
| | | |
| | | .swiper-item { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .juan { |
| | | height: 28rpx; |
| | | background: linear-gradient(90deg, #ff8873 0, #ff4f4f 100%); |