Quellcode durchsuchen

菜品列表优化

sunshibo vor 3 Wochen
Ursprung
Commit
064b89b9f2
1 geänderte Dateien mit 11 neuen und 0 gelöschten Zeilen
  1. 11 0
      pages/orderFood/index.vue

+ 11 - 0
pages/orderFood/index.vue

@@ -41,6 +41,8 @@
                 :food="food" :table-id="tableId" @increase="handleIncrease" @decrease="handleDecrease"/>
             </view>
           </block>
+          <!-- 底部留白:否则最后一类无法继续上滚,scroll-into-view 与左侧锚点不易对齐 -->
+          <view class="food-list__bottom-spacer" />
         </scroll-view>
       </view>
     </view>
@@ -1083,6 +1085,15 @@ onUnload(() => {
   height: 100%;
 }
 
+// 列表末尾占位:高度约等于右侧列表可视区,保证点选最后一个分类时区块能滚到顶部
+.food-list__bottom-spacer {
+  width: 100%;
+  flex-shrink: 0;
+  min-height: 560rpx;
+  height: 52vh;
+  box-sizing: border-box;
+}
+
 .food-section {
   margin-bottom: 24rpx;