From 3e60f0f5c010f17ca80b46a4305f03ec8c3cf6a9 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Thu, 12 Jan 2023 12:09:21 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B4=AD=E7=89=A9=E8=BD=A6=E5=9F=BA=E6=9C=AC?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91=E7=90=86=E9=A1=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 wxmp/src/pages/AppCart.vue | 43 ++++++++++++++++++++++++++++++++++----
 wxmp/src/pages/home.vue    |  4 +---
 2 files changed, 40 insertions(+), 7 deletions(-)

diff --git a/wxmp/src/pages/AppCart.vue b/wxmp/src/pages/AppCart.vue
index 39034f8..cc545bd 100644
--- a/wxmp/src/pages/AppCart.vue
+++ b/wxmp/src/pages/AppCart.vue
@@ -1,23 +1,58 @@
 <template>
   <section class="AppCart">
-
+    <uni-list>
+      <uni-list-item title="示例产品" note="规格:8mmX10mm" thumbSize="lg" thumb="https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" :showArrow="false">
+        <template v-slot:footer>
+          <uni-number-box class="numberBox" :min="0"/>
+        </template>
+      </uni-list-item>
+    </uni-list>
+    <ai-gap h="80"/>
+    <uni-goods-nav class="fixed-b" fill @buttonClick="handleBuy" :buttonGroup="btnGroup" :options="options" @click="handleOptions"/>
   </section>
 </template>
 
 <script>
+import List from "../utils/list";
+
 export default {
   name: "AppCart",
   appName: "购物车",
   data() {
-    return {}
+    return {
+      items: null,
+      btnGroup: [{text: '立即购买', backgroundColor: 'linear-gradient(90deg, #FE6035, #EF1224)', color: '#fff'}],
+      options: [
+        {text: "店铺", icon: "shop", handler: () => uni.reLaunch({url: "./home"})},
+        {text: "清空", icon: "clear", handler: () => 0},
+      ]
+    }
   },
-  methods: {},
-  created() {
+  methods: {
+    getList() {
+      this.items = new List("/api/cart/list")
+      this.items.init()
+    },
+    handleBuy() {
+
+    },
+    handleOptions({content}) {
+      content.handler?.()
+    }
+  },
+  onShow() {
+    uni.hideTabBar()
+  },
+  onReachBottom() {
+    this.items?.loadMore()
   }
 }
 </script>
 
 <style lang="scss" scoped>
 .AppCart {
+  .numberBox {
+    align-self: center;
+  }
 }
 </style>
diff --git a/wxmp/src/pages/home.vue b/wxmp/src/pages/home.vue
index 4c39fdd..d323d31 100644
--- a/wxmp/src/pages/home.vue
+++ b/wxmp/src/pages/home.vue
@@ -41,9 +41,6 @@ export default {
     getList() {
       this.products = new List("/api/product/list")
       this.products.init()
-    },
-    handleGoodNav() {
-
     },
     handleType() {
     },
@@ -59,6 +56,7 @@ export default {
     }
   },
   onShow() {
+    uni.showTabBar()
     this.getList()
   },
   onReachBottom() {