zhaojs
2023-06-14 5c0484b788e699a8939579a14e7522afca5a5f34
uniapp/components/indexPage.vue
@@ -60,16 +60,15 @@
                  </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 class="swiper-box" :autoplay="true" :interval="3000" :duration="300" :indicator-active-color="'#fff'" :indicator-dots="true" circular>
                           <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>
@@ -77,11 +76,11 @@
                        </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>
@@ -110,7 +109,7 @@
                  </swiper>
               </view>
               <!--全网热销-->
               <view class="van-row">
               <!-- <view class="van-row">
                  <view class="van-col van-col--12" style="padding-right: 10rpx;">
                     <view class="home-row" @click="gorxb()">
                        <view class="title"><text class="name">全网热销榜</text>
@@ -158,7 +157,7 @@
                        </view>
                     </view>
                  </view>
               </view>
               </view> -->
               <!-- 大家都在买 -->
               <!-- <view class="everysBuying-container colCen" v-if="zdmList.length>0">
                  <view class="box-bar-content rowCen">
@@ -491,27 +490,14 @@
            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()
         },
@@ -609,7 +595,7 @@
         },
         onRestore() {
            this.swpidx = 0
            console.log('下拉被终止');
            //console.log('下拉被终止');
         },
         pagescroll(e) {
            this.$emit('scrollNum', e.detail.scrollTop)
@@ -633,24 +619,30 @@
         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);
               var res = e.data.info;
               this.topBannerList = res.topBannerList;
               this.headerColor = this.topBannerList[0].colour;
               this.singleLineList = res.singleLineList;
               this.doubleLineList = res.doubleLineList;
               this.bottomBannerList = res.bottomBannerList;
               if(res.topBannerList&&res.topBannerList.length>0)
               {
                  that.topBannerList = res.topBannerList;
                  that.headerColor = that.topBannerList[0].colour;
               }
               that.singleLineList = res.singleLineList;
               that.doubleLineList = res.doubleLineList;
               that.bottomBannerList = res.bottomBannerList;
               that.fastenter=res.indexbanner;
               that.popBannerSList=res.popBannerSList;
               that.enterTop=res.enterTop;
               that.enterDown=res.enterDown;
               setTimeout(() => {
                  this.triggeredstate = false;
                  this._freshing = false;
                  that.triggeredstate = false;
                  that._freshing = false;
               }, 300)
            }).catch(function(err) {
               console.log(err)
@@ -663,7 +655,6 @@
            })
         },
         
         godydetails(itm) {
            const info = {}
            info.nowInfo = itm
@@ -707,7 +698,7 @@
               pageSize: 10,
               type: type
            }).then(e => {
                console.log(e)
               // console.log(e)
               if (e.code != 0) return that.$alert(e.msg)
               var res = e.data.list;
               if (res.length < 10) {
@@ -897,18 +888,20 @@
            }
         }
   }
   .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;
      }
   }