首页布局优化

pages/index/index.wxml

@@ -1,5 +1,5 @@
 <!--index.wxml-->
-<view class="container" style="padding-top: {{pageTopHeight}}px;padding-bottom: 400rpx;">
+<view  style="padding-bottom: 400rpx;">
   <navbar>
     <view class="top-navbar-box" wx:if="{{gapTop==1}}" style="opacity: {{titleOpacity}};">
       <!-- <view class="shop-title">星闪豹</view> -->
@@ -23,30 +23,30 @@
       </view>
     </view>
   </navbar>
-  <!-- 搜索框 -->
-  <view class="search-box" id="my-element">
-    <view class="search-input">
-      <swiper vertical="true" circular="true" autoplay="true" interval="3000" class="search-swiper" bindtap="toSearchPage" bindchange="swiperChange">
-        <swiper-item wx:for="{{hotList}}" wx:key="index">{{item.searchName}}</swiper-item>
-      </swiper>
-      <!-- <view class="search-line">|</view> -->
-      <view class="search-text" bindtap="inputSearch">搜索</view>
-    </view>
-    <!-- <view class="top-share">
-      <van-icon name="share" color="#fff" />
-      <view class="share-text">分享</view>
-      <button class="share-btn" open-type="share"></button>
-    </view> -->
-  </view>
-  <view class="recommended-box">
-    <scroll-view class="recommended-swiper" enhanced="true" show-scrollbar="false" scroll-x="true">
-      <view class="recommended-text" wx:for="{{recommendedList}}" bindtap="recommendedSearch" data-name="{{item.searchName}}">
-        {{item.searchName}}
-      </view>
-    </scroll-view>
-  </view>
   <!-- 搜索框end -->
-  <view class="bg-box">
+  <view class="bg-box" style="padding-top: {{pageTopHeight}}px;">
+    <!-- 搜索框 -->
+    <view class="search-box" id="my-element">
+      <view class="search-input">
+        <swiper vertical="true" circular="true" autoplay="true" interval="3000" class="search-swiper" bindtap="toSearchPage" bindchange="swiperChange">
+          <swiper-item wx:for="{{hotList}}" wx:key="index">{{item.searchName}}</swiper-item>
+        </swiper>
+        <!-- <view class="search-line">|</view> -->
+        <view class="search-text" bindtap="inputSearch">搜索</view>
+      </view>
+      <!-- <view class="top-share">
+        <van-icon name="share" color="#fff" />
+        <view class="share-text">分享</view>
+        <button class="share-btn" open-type="share"></button>
+      </view> -->
+    </view>
+    <view class="recommended-box">
+      <scroll-view class="recommended-swiper" enhanced="true" show-scrollbar="false" scroll-x="true">
+        <view class="recommended-text" wx:for="{{recommendedList}}" bindtap="recommendedSearch" data-name="{{item.searchName}}">
+          {{item.searchName}}
+        </view>
+      </scroll-view>
+    </view>
     <image class="bg" src="{{imgUrl+swiperList[swiperCurrent].advertBack}}" mode=""/>
     <swiper indicator-dots="true" class="swiper-box" interval="3000" circular="true" indicator-active-color="#006CE8" autoplay="true" bindchange="changeIndex">
       <swiper-item wx:for="{{swiperList}}"  wx:key="index" bindtap="goToLevelPage" data-name="{{item}}">
@@ -56,229 +56,232 @@
     <!-- <view class="white-block"></view> -->
   </view>
 
-  <!-- 板块 -->
-  <!-- <view class="swiper-grid-box" wx:if="{{categoryList1.length>0}}"> -->
-  <view class="swiper-grid-box" wx:if="{{categoryList.length>0}}">
-  <view class="grid-box">
-    <!-- <van-grid border="{{false}}" column-num="5">
-          <van-grid-item class="my-grid-item" use-slot bind:click="selectMenu" wx:for="{{categoryList}}" wx:key="categoryId" data-pic="{{item.pic}}" data-itemid="{{item.categoryId}}" data-index="{{index}}" data-categories="{{item.categories}}" data-categoryName="{{item.categoryName}}" badge="应季水果">
-            <image class="swiper-grid-image" src="{{item.icon}}" />
-            <text class="swiper-grid-text">{{item.categoryName}}</text>
-            <view class="label" wx:if="{{item.label}}">{{'应季果蔬'||item.label}}</view>
-          </van-grid-item>
-        </van-grid> -->
+  <view class="container">
+  
+    <!-- 板块 -->
+    <!-- <view class="swiper-grid-box" wx:if="{{categoryList1.length>0}}"> -->
+    <view class="swiper-grid-box" wx:if="{{categoryList.length>0}}">
+    <view class="grid-box">
+      <!-- <van-grid border="{{false}}" column-num="5">
+            <van-grid-item class="my-grid-item" use-slot bind:click="selectMenu" wx:for="{{categoryList}}" wx:key="categoryId" data-pic="{{item.pic}}" data-itemid="{{item.categoryId}}" data-index="{{index}}" data-categories="{{item.categories}}" data-categoryName="{{item.categoryName}}" badge="应季水果">
+              <image class="swiper-grid-image" src="{{item.icon}}" />
+              <text class="swiper-grid-text">{{item.categoryName}}</text>
+              <view class="label" wx:if="{{item.label}}">{{'应季果蔬'||item.label}}</view>
+            </van-grid-item>
+          </van-grid> -->
 
-          <view class="my-grid-item" use-slot bind:tap="selectMenu" wx:for="{{categoryList}}" wx:key="categoryId" data-pic="{{item.pic}}" data-hassecond="{{item.hasSecond}}" data-itemid="{{item.categoryId}}" data-index="{{index}}" data-categories="{{item.categories}}" data-categoryName="{{item.categoryName}}">
-            <view class='pic-box  {{selIndex==index?"active":""}}'>
-              <!-- <view wx:if="{{!item.hasSecond}}" class='sell-out-box'>
-                    <view class="sell-out-text">敬请期待</view>
-                </view> -->
-               <image class="swiper-grid-image" src="{{item.icon}}" />
-            </view>
-            <view class="swiper-grid-text">{{item.categoryName}}</view>
-            <view class="label" wx:if="{{item.label}}">{{item.label}}</view>
-          </view>
-  </view>
-    
-    <swiper class="swiper-grid" wx-if="{{categoryList1.length>0}}" display-multiple-items="5" indicator-dots="true" indicator-active-color="#006CE8" bindchange="menuSwiper">
-      <swiper-item wx:for="{{categoryList1}}" wx:key="index"  class="my-grid-item" bind:tap="selectMenu" data-hassecond="{{item.hasSecond}}" data-pic="{{item.pic}}" data-itemid="{{item.categoryId}}" data-index="{{index}}" data-categories="{{item.categories}}" data-categoryName="{{item.categoryName}}">
-            <view class='pic-box  {{selIndex==index?"active":""}}'>
-              <!-- <view wx:if="{{!item.hasSecond}}" class='sell-out-box'>
-                    <view class="sell-out-text">敬请期待</view>
-                </view> -->
-               <image class="swiper-grid-image" src="{{item.icon}}" />
+            <view class="my-grid-item" use-slot bind:tap="selectMenu" wx:for="{{categoryList}}" wx:key="categoryId" data-pic="{{item.pic}}" data-hassecond="{{item.hasSecond}}" data-itemid="{{item.categoryId}}" data-index="{{index}}" data-categories="{{item.categories}}" data-categoryName="{{item.categoryName}}">
+              <view class='pic-box  {{selIndex==index?"active":""}}'>
+                <!-- <view wx:if="{{!item.hasSecond}}" class='sell-out-box'>
+                      <view class="sell-out-text">敬请期待</view>
+                  </view> -->
+                <image class="swiper-grid-image" src="{{item.icon}}" />
+              </view>
+              <view class="swiper-grid-text">{{item.categoryName}}</view>
+              <view class="label" wx:if="{{item.label}}">{{item.label}}</view>
             </view>
-            <view class="swiper-grid-text">{{item.categoryName}}</view>
-        <!-- <van-grid border="{{false}}" column-num="5">
-          <van-grid-item class="my-grid-item" use-slot bind:click="selectMenu" wx:for="{{item}}" wx:key="categoryId" data-pic="{{item.pic}}" data-itemid="{{item.categoryId}}" data-index="{{index}}" data-categories="{{item.categories}}" data-categoryName="{{item.categoryName}}">
-            <image class="swiper-grid-image" src="{{item.icon}}" />
-            <text class="swiper-grid-text">{{item.categoryName}}</text>
-          </van-grid-item>
-        </van-grid> -->
-      </swiper-item>
-    </swiper>
-  </view>
-  <!-- 板块end -->
+    </view>
+      
+      <swiper class="swiper-grid" wx-if="{{categoryList1.length>0}}" display-multiple-items="5" indicator-dots="true" indicator-active-color="#006CE8" bindchange="menuSwiper">
+        <swiper-item wx:for="{{categoryList1}}" wx:key="index"  class="my-grid-item" bind:tap="selectMenu" data-hassecond="{{item.hasSecond}}" data-pic="{{item.pic}}" data-itemid="{{item.categoryId}}" data-index="{{index}}" data-categories="{{item.categories}}" data-categoryName="{{item.categoryName}}">
+              <view class='pic-box  {{selIndex==index?"active":""}}'>
+                <!-- <view wx:if="{{!item.hasSecond}}" class='sell-out-box'>
+                      <view class="sell-out-text">敬请期待</view>
+                  </view> -->
+                <image class="swiper-grid-image" src="{{item.icon}}" />
+              </view>
+              <view class="swiper-grid-text">{{item.categoryName}}</view>
+          <!-- <van-grid border="{{false}}" column-num="5">
+            <van-grid-item class="my-grid-item" use-slot bind:click="selectMenu" wx:for="{{item}}" wx:key="categoryId" data-pic="{{item.pic}}" data-itemid="{{item.categoryId}}" data-index="{{index}}" data-categories="{{item.categories}}" data-categoryName="{{item.categoryName}}">
+              <image class="swiper-grid-image" src="{{item.icon}}" />
+              <text class="swiper-grid-text">{{item.categoryName}}</text>
+            </van-grid-item>
+          </van-grid> -->
+        </swiper-item>
+      </swiper>
+    </view>
+    <!-- 板块end -->
 
 
-  <view style="height: 250rpx;" wx:if="{{categoryList.length == 0}}" ></view>
-  
+    <view style="height: 250rpx;" wx:if="{{categoryList.length == 0}}" ></view>
+    
 
-  <!-- 通知广告end -->
+    <!-- 通知广告end -->
 
 
-  <!-- <view class="bonus-box" wx:if="{{hotSalesList.length>0}}">
-    <view class="content-bonus" bindtap="toRedPackage">
-      <image style="width:36rpx;height: 36rpx;" src="/images/icon/redPack.png" mode="" />
-      <view class="bonus-text">天天领红包</view>
-    </view>
-    <view class="content-bonus" bindtap='toCouponCenter'>
-      <image style="width:36rpx;height: 36rpx;" src="/images/icon/ticket.png" mode="" />
-      <view class="bonus-text">领券中心</view>
-    </view>
-  </view> -->
-  <view class="seckill-box" wx:if="{{snapUpList.length>0}}">
-  <!-- 秒杀 -->
-    <view class="seckill-time">
-      <view class="seckill-title">秒杀特卖</view>
-      <view class="times">
-        {{days<10?'0'+days:days}}天/{{hours<10?'0'+hours:hours}}:{{minutes<10?'0'+minutes:minutes}}:{{seconds<10?'0'+seconds:seconds}} </view>
-          <image style="width:60rpx;height:60rpx;" src="/images/icon/seckill.png" mode="" />
+    <!-- <view class="bonus-box" wx:if="{{hotSalesList.length>0}}">
+      <view class="content-bonus" bindtap="toRedPackage">
+        <image style="width:36rpx;height: 36rpx;" src="/images/icon/redPack.png" mode="" />
+        <view class="bonus-text">天天领红包</view>
+      </view>
+      <view class="content-bonus" bindtap='toCouponCenter'>
+        <image style="width:36rpx;height: 36rpx;" src="/images/icon/ticket.png" mode="" />
+        <view class="bonus-text">领券中心</view>
       </view>
-      <view class="seckill-content" wx:for="{{snapUpList}}" wx:key="index" bindtap="toSnapUpListPage" data-seckillid='{{item.seckillId}}'>
-        <view class="seckill-product-box">
-          <image style="width: 100rpx;height:100rpx;" src="{{item.pic}}" mode="widthFix" />
-          <view class="seckill-Price">
-            <image class="price-bg" style="width: 100rpx;" src="/images/icon/price_bg.png" mode="widthFix" />
-            <view class="price-num">￥{{wxs.toPrice(item.seckillPrice)}}</view>
+    </view> -->
+    <view class="seckill-box" wx:if="{{snapUpList.length>0}}">
+    <!-- 秒杀 -->
+      <view class="seckill-time">
+        <view class="seckill-title">秒杀特卖</view>
+        <view class="times">
+          {{days<10?'0'+days:days}}天/{{hours<10?'0'+hours:hours}}:{{minutes<10?'0'+minutes:minutes}}:{{seconds<10?'0'+seconds:seconds}} </view>
+            <image style="width:60rpx;height:60rpx;" src="/images/icon/seckill.png" mode="" />
+        </view>
+        <view class="seckill-content" wx:for="{{snapUpList}}" wx:key="index" bindtap="toSnapUpListPage" data-seckillid='{{item.seckillId}}'>
+          <view class="seckill-product-box">
+            <image style="width: 100rpx;height:100rpx;" src="{{item.pic}}" mode="widthFix" />
+            <view class="seckill-Price">
+              <image class="price-bg" style="width: 100rpx;" src="/images/icon/price_bg.png" mode="widthFix" />
+              <view class="price-num">￥{{wxs.toPrice(item.seckillPrice)}}</view>
+            </view>
           </view>
         </view>
+        <view class="more-icon" bindtap="toSnapUpPage">
+          <van-icon name="arrow" />
+        </view>
       </view>
-      <view class="more-icon" bindtap="toSnapUpPage">
-        <van-icon name="arrow" />
-      </view>
-    </view>
-    
+      
 
-    <!-- 推荐 -->
-    <!-- <view class="recommended-card" wx:if="{{newList.length>0}}">
-      <view class="new-text">
-        <view class="seckill-title new-text-two">新品推荐</view>
-        <view class="times">鲜品速荐</view>
-        <image style="width:60rpx;height:60rpx;" src="/images/icon/new.png" mode="" />
-      </view>
-      <view class="seckill-content" wx:for="{{newList}}" wx:key="index">
-        <view class="seckill-product-box" bindtap="newToProdPage" data-prod="{{item.prodId}}">
-          <image style="width: 100rpx;height:100rpx;" src="{{item.pic}}" />
-          <view class="recommended-Price">￥{{item.price}}</view>
+      <!-- 推荐 -->
+      <!-- <view class="recommended-card" wx:if="{{newList.length>0}}">
+        <view class="new-text">
+          <view class="seckill-title new-text-two">新品推荐</view>
+          <view class="times">鲜品速荐</view>
+          <image style="width:60rpx;height:60rpx;" src="/images/icon/new.png" mode="" />
         </view>
-      </view>
-      <view class="more-icon" bindtap="toClassifyPage" data-sts="1">
-        <van-icon name="arrow" />
-      </view>
-    </view> -->
-    <!-- 推荐end -->
+        <view class="seckill-content" wx:for="{{newList}}" wx:key="index">
+          <view class="seckill-product-box" bindtap="newToProdPage" data-prod="{{item.prodId}}">
+            <image style="width: 100rpx;height:100rpx;" src="{{item.pic}}" />
+            <view class="recommended-Price">￥{{item.price}}</view>
+          </view>
+        </view>
+        <view class="more-icon" bindtap="toClassifyPage" data-sts="1">
+          <van-icon name="arrow" />
+        </view>
+      </view> -->
+      <!-- 推荐end -->
 
-    <!-- 通知 -->
-    <view class="notice-box">
-      <image class="icon" src="../../images/icon/notice.png" alt=""/>
-      <view class="text">因订单高峰期，配送可能延迟，请提前下单</view>
-    </view>
+      <!-- 通知 -->
+      <view class="notice-box">
+        <image class="icon" src="../../images/icon/notice.png" alt=""/>
+        <view class="text">因订单高峰期，配送可能延迟，请提前下单</view>
+      </view>
 
-    <image class="adv" src="../../images/imgs/adv.png" mode=""/>
+      <image class="adv" src="../../images/imgs/adv.png" mode=""/>
 
-    <!-- 分类分页 -->
-    <view wx:if="{{hotSalesList.length>0}}" class="tab-box" scroll-x="true" bounces="true" enhanced="true" show-scrollbar="false" style="width: 100%">
-      <view id="demo1" class="tab {{active==1?'active':''}}" bindtap="handleTab" data-active="1">为你推荐</view>
-      <view id="demo1" class="tab {{active==2?'active':''}}" bindtap="handleTab" data-active="2">疯狂折扣</view>
-      <view id="demo1" class="tab {{active==3?'active':''}}" bindtap="handleTab" data-active="3">
-        <image class="icon" src="../../images/imgs/chaozhi.png" alt=""/>
+      <!-- 分类分页 -->
+      <view wx:if="{{hotSalesList.length>0}}" class="tab-box" scroll-x="true" bounces="true" enhanced="true" show-scrollbar="false" style="width: 100%">
+        <view id="demo1" class="tab {{active==1?'active':''}}" bindtap="handleTab" data-active="1">为你推荐</view>
+        <view id="demo1" class="tab {{active==2?'active':''}}" bindtap="handleTab" data-active="2">疯狂折扣</view>
+        <view id="demo1" class="tab {{active==3?'active':''}}" bindtap="handleTab" data-active="3">
+          <image class="icon" src="../../images/imgs/chaozhi.png" alt=""/>
+        </view>
+        <view id="demo1" class="tab {{active==4?'active':''}}" bindtap="handleTab" data-active="4">地道特产</view>
+        <view id="demo1" class="tab {{active==5?'active':''}}" bindtap="handleTab" data-active="5">预售</view>
       </view>
-      <view id="demo1" class="tab {{active==4?'active':''}}" bindtap="handleTab" data-active="4">地道特产</view>
-      <view id="demo1" class="tab {{active==5?'active':''}}" bindtap="handleTab" data-active="5">预售</view>
-    </view>
 
-    <!-- 商城热卖 -->
-    <view class="content" wx:if="{{hotSalesList.length>0}}">
-      <view class="left">
-        <view class="swiper-card-box" wx:if="{{banner_img.length>0}}">
-          <!-- 轮播卡片 -->
-          <swiper indicator-dots="true" class="swiper-card" circular="true" indicator-active-color="#006CE8" autoplay="true">
-            <swiper-item wx:for="{{banner_img}}" wx:key="index" bindtap="goToLevelPage" data-name="{{item.name}}">
-              <image class="swiper-card-img" src="{{item.img}}" mode="" />
-            </swiper-item>
-          </swiper>
-        </view>
-        <block wx:for="{{hotSalesList}}" wx:key="index">
-          <view wx:if="{{index%2==1}}">
-            <view class="item" bindtap='toProdPage' data-prodid="{{item.prodId}}" data-shopid="{{item.shopId}}">
-              <view wx:if="{{item.stocks == 0}}" class="sell-out-box">
-                <view class="sell-out-text">商品已售罄</view>
-              </view>
-              <image lazy-load class="item-img" src="{{item.pic}}" mode="widthFix"></image>
-              <view class="item-title-box">
-                <view class="item-title">{{item.prodName}}</view>
-              </view>
-              <view class="name">
-                <!-- <view class="name-title">{{'已售'+item.salesVolume}}</view> -->
-                <!-- <view class="tag-box">
-                  <view class="tag">自营</view>
-                  <view class="text">月回头客5999+人</view>
-                </view> -->
-                <view class="heart">
-                  <view class="name-price">
-                    <view style="font-size:26rpx;color: #FF4D3A;">￥</view>{{wxs.toPrice(item.price)}}
-                  </view>
-                  <image style="width:52rpx;height:52rpx;" src="/images/icon/car-btn.png" mode=""/>
-                  <!-- <view class="stepper-box" wx:if="{{item.notData}}">
-                    <view class="stepper-minus" catchtap="minusButton" data-item="{{item}}">-</view>
-                    <view class="stepper-num">{{totalNum}}</view>
-                    <view class="stepper-add" catchtap="addButton" data-item="{{item}}">+</view>
+      <!-- 商城热卖 -->
+      <view class="content" wx:if="{{hotSalesList.length>0}}">
+        <view class="left">
+          <view class="swiper-card-box" wx:if="{{banner_img.length>0}}">
+            <!-- 轮播卡片 -->
+            <swiper indicator-dots="true" class="swiper-card" circular="true" indicator-active-color="#006CE8" autoplay="true">
+              <swiper-item wx:for="{{banner_img}}" wx:key="index" bindtap="goToLevelPage" data-name="{{item.name}}">
+                <image class="swiper-card-img" src="{{item.img}}" mode="" />
+              </swiper-item>
+            </swiper>
+          </view>
+          <block wx:for="{{hotSalesList}}" wx:key="index">
+            <view wx:if="{{index%2==1}}">
+              <view class="item" bindtap='toProdPage' data-prodid="{{item.prodId}}" data-shopid="{{item.shopId}}">
+                <view wx:if="{{item.stocks == 0}}" class="sell-out-box">
+                  <view class="sell-out-text">商品已售罄</view>
+                </view>
+                <image lazy-load class="item-img" src="{{item.pic}}" mode="widthFix"></image>
+                <view class="item-title-box">
+                  <view class="item-title">{{item.prodName}}</view>
+                </view>
+                <view class="name">
+                  <!-- <view class="name-title">{{'已售'+item.salesVolume}}</view> -->
+                  <!-- <view class="tag-box">
+                    <view class="tag">自营</view>
+                    <view class="text">月回头客5999+人</view>
+                  </view> -->
+                  <view class="heart">
+                    <view class="name-price">
+                      <view style="font-size:26rpx;color: #FF4D3A;">￥</view>{{wxs.toPrice(item.price)}}
+                    </view>
+                    <image style="width:52rpx;height:52rpx;" src="/images/icon/car-btn.png" mode=""/>
+                    <!-- <view class="stepper-box" wx:if="{{item.notData}}">
+                      <view class="stepper-minus" catchtap="minusButton" data-item="{{item}}">-</view>
+                      <view class="stepper-num">{{totalNum}}</view>
+                      <view class="stepper-add" catchtap="addButton" data-item="{{item}}">+</view>
+                    </view>
+                    <image wx:else catchtap="addShopCar" data-shop="{{item}}" style="width: 50rpx;height: 50rpx;" src="/images/icon/shop-car.png" mode="" /> -->
                   </view>
-                  <image wx:else catchtap="addShopCar" data-shop="{{item}}" style="width: 50rpx;height: 50rpx;" src="/images/icon/shop-car.png" mode="" /> -->
+                  <!-- <view class="rank-box">
+                    <image src="/images/icon/top-icon.png" mode="" class="icon"/>
+                    <view class="text">粮油调味热卖榜</view>
+                    <image src="/images/icon/top1.png" mode="" class="top"/>
+                  </view> -->
                 </view>
-                <!-- <view class="rank-box">
-                  <image src="/images/icon/top-icon.png" mode="" class="icon"/>
-                  <view class="text">粮油调味热卖榜</view>
-                  <image src="/images/icon/top1.png" mode="" class="top"/>
-                </view> -->
               </view>
             </view>
-          </view>
-        </block>
-      </view>
-      <view class="right">
-        <block wx:for="{{hotSalesList}}" wx:key="index">
-          <view wx:if="{{index%2==0}}">
-            <view class="item" bindtap='toProdPage' data-prodid="{{item.prodId}}"  data-shopid="{{item.shopId}}">
-              <view wx:if="{{item.stocks == 0}}" class="sell-out-box">
-                <view class="sell-out-text">商品已售罄</view>
-              </view>
-              <image class="item-img" lazy-load src="{{item.pic}}" mode="widthFix"></image>
-              <view class="item-title-box">
-                <view class="item-title">{{item.prodName}}</view>
-              </view>
-              <view class="name">
-                <!-- <view class="name-title">{{'已售'+item.salesVolume}}</view> -->
-                <!-- <view class="tag-box">
-                  <view class="tag">自营</view>
-                  <view class="text">月回头客5999+人</view>
-                </view> -->
-                <view class="heart">
-                  <view class="name-price">
-                    <view style="font-size:26rpx;color: #FF4D3A;">￥</view>{{wxs.toPrice(item.price)}}
-                  </view>
-                  <image style="width:52rpx;height:52rpx;" src="/images/icon/car-btn.png" mode=""/>
-                  <!-- <view class="stepper-box" wx:if="{{item.notData}}">
-                    <view class="stepper-minus" catchtap="minusButton">-</view>
-                    <view class="stepper-num">1</view>
-                    <view class="stepper-add" catchtap="addButton">+</view>
+          </block>
+        </view>
+        <view class="right">
+          <block wx:for="{{hotSalesList}}" wx:key="index">
+            <view wx:if="{{index%2==0}}">
+              <view class="item" bindtap='toProdPage' data-prodid="{{item.prodId}}"  data-shopid="{{item.shopId}}">
+                <view wx:if="{{item.stocks == 0}}" class="sell-out-box">
+                  <view class="sell-out-text">商品已售罄</view>
+                </view>
+                <image class="item-img" lazy-load src="{{item.pic}}" mode="widthFix"></image>
+                <view class="item-title-box">
+                  <view class="item-title">{{item.prodName}}</view>
+                </view>
+                <view class="name">
+                  <!-- <view class="name-title">{{'已售'+item.salesVolume}}</view> -->
+                  <!-- <view class="tag-box">
+                    <view class="tag">自营</view>
+                    <view class="text">月回头客5999+人</view>
+                  </view> -->
+                  <view class="heart">
+                    <view class="name-price">
+                      <view style="font-size:26rpx;color: #FF4D3A;">￥</view>{{wxs.toPrice(item.price)}}
+                    </view>
+                    <image style="width:52rpx;height:52rpx;" src="/images/icon/car-btn.png" mode=""/>
+                    <!-- <view class="stepper-box" wx:if="{{item.notData}}">
+                      <view class="stepper-minus" catchtap="minusButton">-</view>
+                      <view class="stepper-num">1</view>
+                      <view class="stepper-add" catchtap="addButton">+</view>
+                    </view>
+                    <image wx:else catchtap="addShopCar" data-shop="{{item}}" style="width: 50rpx;height: 50rpx;" src="/images/icon/shop-car.png" mode="" /> -->
                   </view>
-                  <image wx:else catchtap="addShopCar" data-shop="{{item}}" style="width: 50rpx;height: 50rpx;" src="/images/icon/shop-car.png" mode="" /> -->
+                  <!-- <view class="rank-box">
+                    <image src="/images/icon/top-icon.png" mode="" class="icon"/>
+                    <view class="text">粮油调味热卖榜</view>
+                    <image src="/images/icon/top1.png" mode="" class="top"/>
+                  </view> -->
                 </view>
-                <!-- <view class="rank-box">
-                  <image src="/images/icon/top-icon.png" mode="" class="icon"/>
-                  <view class="text">粮油调味热卖榜</view>
-                  <image src="/images/icon/top1.png" mode="" class="top"/>
-                </view> -->
               </view>
             </view>
-          </view>
-        </block>
-      </view>
-    </view>
-    <block wx:else>
-      <view style="height: 500rpx;">
-        <van-empty image="search" description="附近暂无可配送门店" />
-      </view>
-      <!-- <view class="reset-localization" bindtap="toLocationPage">定位不准确？<text style="color: rgb(40,120,255);">点击手动定位</text></view> -->
-    </block>
-    <block wx:if="{{hotSalesList.length>0}}">
-      <view class="tips" wx:if="{{isAll}}">已经到底咯~</view>
-      <view class="loading-box" wx:else>
-        <van-loading size="20px" type="spinner" color="#006CE8">加载中...</van-loading>
+          </block>
+        </view>
       </view>
-    </block>
+      <block wx:else>
+        <view style="height: 500rpx;">
+          <van-empty image="search" description="附近暂无可配送门店" />
+        </view>
+        <!-- <view class="reset-localization" bindtap="toLocationPage">定位不准确？<text style="color: rgb(40,120,255);">点击手动定位</text></view> -->
+      </block>
+      <block wx:if="{{hotSalesList.length>0}}">
+        <view class="tips" wx:if="{{isAll}}">已经到底咯~</view>
+        <view class="loading-box" wx:else>
+          <van-loading size="20px" type="spinner" color="#006CE8">加载中...</van-loading>
+        </view>
+      </block>
+  </view>
 
     <van-popup show="{{ addCarshow }}" closeable round position="bottom" custom-style="height: 43%" bind:close="onClose">
       <view class="popup-box">

pages/index/index.wxss

@@ -37,19 +37,22 @@ color: transparent;
 } */
 
 .bg-box{
-  position: absolute;
+  position: relative;
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
   height: 492rpx;
+  box-sizing: border-box;
 }
 .bg{
-  position: relative;
-  
+  position: absolute;
+  top: 0;
+  left: 0;
   width: 100%;
   height: 492rpx;
   vertical-align: bottom;
+  z-index: -1;
 }
 .bg-box .white-block{
   position: absolute;
@@ -65,9 +68,8 @@ color: transparent;
   width: 702rpx!important;
   height: 276rpx;
   border-radius: 16rpx;
-  position: absolute;
-  left: 24rpx;
-  bottom: -38rpx;
+  margin-left: 24rpx;
+  
 }
 .swiper-box swiper-item{
   width: 702rpx!important;
@@ -158,7 +160,8 @@ swiper.pic-swiper .banner {
 .search-box {
   display: flex;
   padding-bottom: 20rpx;
-  margin-top: 20rpx;
+  margin-top: 12rpx;
+  margin-left: 24rpx;
   position: relative;
   z-index: 99;
 }
@@ -263,9 +266,7 @@ swiper.pic-swiper .banner {
 .recommended-box {
   /* height: 80rpx; */
   margin-bottom: 20rpx;
-  position: absolute;
-  left: 24rpx;
-  top: 254rpx;
+  margin-left: 24rpx;
   width: 726rpx;
 }
 
@@ -276,7 +277,7 @@ swiper.pic-swiper .banner {
   
 
 .recommended-text {
-  margin-left: 20rpx;
+  margin-right: 20rpx;
   display: inline-block;
   padding: 6rpx 12rpx;
   background: rgba(255, 255, 255, .5);
@@ -288,6 +289,7 @@ swiper.pic-swiper .banner {
 .container{
   padding-left:24rpx;
   padding-right: 24rpx;
+  margin-top: 94rpx;
 }
 .container .bg-sear {
   position: fixed;
@@ -332,7 +334,6 @@ swiper.pic-swiper .banner {
   margin-bottom: 20rpx;
   border-radius: 16rpx;
   background: #fff;
-  margin-top: 296rpx;
   /* margin-top: 300rpx; */
 }
 

utils/config.js

@@ -4,7 +4,7 @@
 
 var domain = "https://shop.api.zswlgz.com"; //统一接口域名，测试环境 
 var wsDomain = "wss://shop-h5.dev.zswllife.cn/api"; //统一接口域名，测试环境 
-var domain = "https://63332824.r36.cpolar.top"; //统一接口域名，正式环境 
+// var domain = "https://63332824.r36.cpolar.top"; //统一接口域名，正式环境 
 // var wsDomain = "wss://shop.haimamart.com/api"; //统一接口域名，正式环境 
 
 // var domain = "http://192.168.1.206:8112"; //统一接口域名，测试环境