no message

zhaojs

2023-06-03 dbf6208f1ad5cf4762df5c9c303565b56cee0ebd

 uniapp/components/indexPage.vue

@@ -24,6 +24,8 @@
                           <view class="swiper-item defIcon" @click="goUrl(items)">
                              <image :src="items.image" mode="aspectFit"></image>
                           </view>
									
									
                        </swiper-item>
                     </swiper>
                  </view>
@@ -47,7 +49,7 @@
                  </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)">
@@ -55,6 +57,33 @@
                           </view>
                        </swiper-item>
                     </swiper>
                  </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>
							
                  </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>
                  
                  <!--双列图片-->
@@ -418,16 +447,12 @@
            navbarShowList: [],
            navbarList: [],
            sliderH: '',

            scrollTop: 0,
            scrollindex: 0,


            zdmList: [],
            phbList: [],
            dyList: [],
            rqList: [],

            typedataList: [
               {
                  mainTitle: '京东',
@@ -466,6 +491,24 @@
            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:''
               }
            ],
         }
      },
      watch: {
@@ -511,8 +554,8 @@
      methods: {
         changeRecommend(){
            var tmp_1 = {
               mainTitle: '热推',
               subTitle: '热推商品',
               mainTitle: '天猫',
               subTitle: '天猫热销',
               type: 5
            };
            var tmp_2 = {
@@ -597,6 +640,7 @@
            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;
@@ -609,7 +653,7 @@
                  this._freshing = false;
               }, 300)
            }).catch(function(err) {

               console.log(err)
            })
         },

@@ -733,10 +777,14 @@
         },

         goUrl(info) {
            console.log(info)
            utils.goUrl(info, this)
         },

         goFUrl(info)
         {
            uni.navigateTo({
               url: info.url
            });
         },
         gojgqUrl(info) {
            if (info.urlType == '0') {
               uni.navigateTo({
@@ -804,6 +852,66 @@
</script>

<style lang="scss">
   .f_contant
   {
          display: flex;
          justify-content: space-between;
          width: 96%;
          height: 500rpx;
          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%;
               }
            }
         }
   }
   .c-loading-img {
           width: 96%;
          height: 72px;
          background: #fff;
          margin: auto;
         margin-top: 20rpx;
         border-radius: 12rpx;
         justify-content:space-between;
			
      .imgbox {
         width: 138rpx;
         height: 106rpx;
         // max-height: 72rpx;
      }
   }
   .juan {
      height: 28rpx;
      background: linear-gradient(90deg, #ff8873 0, #ff4f4f 100%);
@@ -868,7 +976,7 @@
      .pageBody-container {
         width: 100%;
         //background-color: #FFFFFF;
         margin-bottom: 16rpx;
         //margin-bottom: 16rpx;

         .column-container {
            width: 100%;
@@ -876,7 +984,7 @@

            .bannerSwiper-container {
               width: 100%;
               height: 280rpx;
               height: 230rpx;
               padding: 0 16rpx;
               margin-bottom: 16rpx;