css调整

src/Components/index/FoodDetails.vue

@@ -25,13 +25,6 @@
         <text class="three-text">￥{{ item.oriPrice }}</text>
         <text class="four-text">{{ item.prodName }}</text>
       </view>
-      <!-- <view class="groupPurchasePrice">
-        <image class="img" src="../../static/index/groupBuying.png" mode="widthFix" />
-        <text class="one-text">￥39</text>
-        <view class="two-text">8.8折</view>
-        <text class="three-text">￥59.8</text>
-        <text class="four-text">游戏通宵补血套餐</text>
-      </view> -->
     </view>
   </view>
 </template>

src/Components/index/ShopCard.vue

@@ -40,6 +40,7 @@
         </view>
       </view>
     </view>
+    <wd-status-tip image="content" tip="暂无内容" v-if="shopCardData.simpleProds.length === 0" />
   </view>
 </template>
 

src/pages/index/foodClassification.vue

@@ -77,8 +77,8 @@
           ></wd-icon>
         </view>
       </view>
-      <view class="bootom-bottom">
-        <!-- <view
+      <!-- <view class="bootom-bottom">
+        <view
           @tap="choice(index)"
           class="item"
           :class="{ light: active === index }"
@@ -86,8 +86,8 @@
           :key="index"
         >
           {{ item }}
-        </view> -->
-      </view>
+        </view>
+      </view> -->
       <!-- 美食类别 -->
       <Classification v-show="rotate" :category="categoryData" @foodCategory="foodCategory" />
       <!-- 附近筛选 -->
@@ -468,15 +468,17 @@ page {
     }
   }
   .bootom {
-    height: 124rpx;
+    position: sticky;
+    top: 0;
+    height: 70rpx;
     display: flex;
     flex-direction: column;
     justify-content: space-around;
     border-radius: 6rpx;
     background: #ffffff;
-    position: relative;
     margin-top: 10rpx;
     margin-bottom: 20rpx;
+    z-index: 999;
     .bootom-top {
       display: flex;
       align-items: center;