代码提交

pages/shoppingCart/shoppingCart.vue

@@ -2,7 +2,6 @@
   <Header
       system-bar-area-bg="#fff"
       header-area-bg="#fff"
-      :scroll-top="scrollTop"
       bg-change-by-scroll
   >
     购物车
@@ -27,6 +26,7 @@
         <!-- 购物车信息 -->
         <view
             v-for="(item) in cartList"
+            :key="item.id"
             class="shopping-item"
         >
           <uv-checkbox
@@ -164,13 +164,17 @@
         </view>
       </view>
     </view>
-    <view class="action-height"></view>
-    <view class="h5-tabbar-height"></view>
+
   </view>
   <!-- null data -->
   <CartEmpty v-else />
+  <!-- 商品推荐 -->
+  <Recommend  />
+  <view class="action-height"></view>
+  <view class="h5-tabbar-height"></view>
   <!-- sku select -->
   <GoodAttrSelect
+      style="z-index: 999"
       :id="openSkuProductId"
       ref="goodsAttrSelectRef"
       @close="handleCloseSkuSelect"
@@ -194,7 +198,9 @@ import { settleFields } from "@/pages/shoppingCart/index.data";
 import { useCartData, useCartNumber, useCartOption, useSku } from "@/pages/shoppingCart/index.utils";
 import CartEmpty from "@/pages/shoppingCart/components/CartEmpty.vue";
 import Header from "@/components/Header/index.vue"
-import { onHide, onPageScroll } from "@dcloudio/uni-app";
+import { onHide, onPageScroll, onReachBottom } from "@dcloudio/uni-app";
+import Recommend from "@/components/Recommend/index.vue";
+import { useScroll } from "@/hooks/useScroll";
 
 const modalRef = ref() // 删除弹窗
 const goodsAttrSelectRef = ref() // 更改sku
@@ -233,15 +239,14 @@ const {
 } = useCartNumber({afterChange: computeSelectInfoByShoppingSelect})
 
 
+
+
 onHide(() => {
   modalRef.value?.close()
   goodsAttrSelectRef.value?.close()
 })
 
-const scrollTop = ref(0)
-onPageScroll((e) => {
-  scrollTop.value = e.scrollTop
-})
+useScroll()
 </script>
 
 <style lang="scss">