From c52e1886561da8bd38e919853e9cd6d80e3c92d3 Mon Sep 17 00:00:00 2001
From: liruiqiang <3151805288@qq.com>
Date: Sat, 23 Aug 2025 13:52:59 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B4=AD=E7=89=A9=E8=BD=A6=E6=A8=A1=E5=9D=97?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E5=8D=95=E5=93=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/cart/cart.vue | 18 +++++++++++++++++-
 src/services/cart.ts    | 12 ++++++++++++
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/src/pages/cart/cart.vue b/src/pages/cart/cart.vue
index 93d4663..2b6d68e 100644
--- a/src/pages/cart/cart.vue
+++ b/src/pages/cart/cart.vue
@@ -86,7 +86,7 @@
 </template>
 
 <script setup lang="ts">
-import { getMemberCartAPI } from '@/services/cart'
+import { getMemberCartAPI, deleteMemberCartAPI } from '@/services/cart'
 import { useMemberStore } from '@/stores'
 import type { CartItem } from '@/types/cart'
 import { onShow } from '@dcloudio/uni-app'
@@ -102,6 +102,22 @@ const getMemberCartData = async () => {
   cartList.value = res.result
 }
 
+// 点击删除按钮
+const onDeleteCart = (skuId: string) => {
+  // 弹窗二次确认
+  uni.showModal({
+    content: '是否删除',
+    success: async (res) => {
+      if (res.confirm) {
+        // 后端删除单品
+        await deleteMemberCartAPI({ ids: [skuId] })
+        // 重新获取列表
+        getMemberCartData()
+      }
+    },
+  })
+}
+
 // 初始化调用: 页面显示触发
 onShow(() => {
   // 用户已登录才允许调用
diff --git a/src/services/cart.ts b/src/services/cart.ts
index dbe46b4..e22ba46 100644
--- a/src/services/cart.ts
+++ b/src/services/cart.ts
@@ -22,3 +22,15 @@ export const getMemberCartAPI = () => {
     url: '/member/cart',
   })
 }
+
+/**
+ * 删除/清空购物车单品
+ * @param data 请求体参数 ids SKUID 集合
+ */
+export const deleteMemberCartAPI = (data: { ids: string[] }) => {
+  return http({
+    method: 'DELETE',
+    url: '/member/cart',
+    data,
+  })
+}