| | |
| | | </view> --> |
| | | <!--快捷入口图标--> |
| | | <view class="c-loading-img rowCenCen"> |
| | | <view class="imgbox defIcon" v-for="(eitem,index) in fastenter" :key="index" @click="goFUrl(eitem)"> |
| | | <image :src="eitem.img"></image> |
| | | <view class="imgbox defIcon" v-for="(eitem,index) in fastenter" :key="index" @click="goUrl(eitem)"> |
| | | <image :src="eitem.image"></image> |
| | | </view> |
| | | |
| | | </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'> |
| | | <swiper-item v-for="(items,index) in popBannerSList" :key='index'> |
| | | <view class="swiper-item defIcon" @click="goUrl(items)"> |
| | | <image :src="items.image" mode="aspectFit"></image> |
| | | </view> |
| | |
| | | </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 class="f_imgcon" v-if='enterTop.length>0' > |
| | | <image :src="enterTop[0].image" @click="goUrl(enterTop[0])"></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 class="f_imgcon" v-if='enterDown.length>0'> |
| | | <image :src="enterDown[0].image" @click="goUrl(enterDown[0])"></image> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | triggeredstate: true, |
| | | swpidx: 0, |
| | | canrefresh: true, |
| | | fastenter:[ |
| | | { |
| | | img:'http://hxshapp.oss-cn-beijing.aliyuncs.com/20211129/cc9b73c5-760c-4f06-adaf-77ce6e8c79ba.png', |
| | | url:'' |
| | | }, |
| | | { |
| | | img:'http://hxshapp.oss-cn-beijing.aliyuncs.com/20211129/cc9b73c5-760c-4f06-adaf-77ce6e8c79ba.png', |
| | | url:'' |
| | | }, |
| | | { |
| | | img:'http://hxshapp.oss-cn-beijing.aliyuncs.com/20211129/cc9b73c5-760c-4f06-adaf-77ce6e8c79ba.png', |
| | | url:'' |
| | | }, |
| | | { |
| | | img:'http://hxshapp.oss-cn-beijing.aliyuncs.com/20211129/cc9b73c5-760c-4f06-adaf-77ce6e8c79ba.png', |
| | | url:'' |
| | | } |
| | | ], |
| | | fastenter:[], |
| | | popBannerSList:[], |
| | | enterTop:[], |
| | | enterDown:[] |
| | | } |
| | | }, |
| | | watch: { |
| | | |
| | | recomendType(nval, oval){ |
| | | if(nval != oval)this.changeRecommend() |
| | | }, |
| | |
| | | onAbort() { |
| | | console.log('refushstop'); |
| | | }, |
| | | |
| | | |
| | | getBannerInfo() { |
| | | // banner数据 |
| | | var that = this; |
| | | this.$u.api.getBanner({ |
| | | type: '1,3,4,5' |
| | | type: '1,3,4,5,11,12,13,14' |
| | | }).then(e => { |
| | | console.log(e) |
| | | if (e.code == 1) return that.$alert(e.msg); |
| | |
| | | this.singleLineList = res.singleLineList; |
| | | this.doubleLineList = res.doubleLineList; |
| | | this.bottomBannerList = res.bottomBannerList; |
| | | this.fastenter=res.indexbanner; |
| | | this.popBannerSList=res.popBannerSList; |
| | | this.enterTop=res.enterTop; |
| | | this.enterDown=res.enterDown; |
| | | setTimeout(() => { |
| | | this.triggeredstate = false; |
| | | this._freshing = false; |
| | |
| | | }) |
| | | }, |
| | | |
| | | |
| | | godydetails(itm) { |
| | | const info = {} |
| | | info.nowInfo = itm |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .c-loading-img { |
| | | width: 96%; |
| | | height: 72px; |
| | | height: 132rpx; |
| | | background: #fff; |
| | | margin: auto; |
| | | margin-top: 20rpx; |
| | | border-radius: 12rpx; |
| | | justify-content:space-between; |
| | | padding:5rpx; |
| | | |
| | | .imgbox { |
| | | width: 138rpx; |
| | | height: 106rpx; |
| | | width: 158rpx; |
| | | height: 105rpx; |
| | | // max-height: 72rpx; |
| | | } |
| | | } |