From c51724c48926f57c41cef3ffe49a89750566cbbc Mon Sep 17 00:00:00 2001 From: admin Date: Sun, 31 May 2026 01:36:20 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=88=A0=E9=99=A4?= =?UTF-8?q?=E6=8C=89=E9=92=AE=E7=BB=9D=E5=AF=B9=E5=AE=9A=E4=BD=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 删除按钮添加z-index确保在最上层 - 商品项添加padding-top给删除按钮留空间 - 移除商品信息的padding-right Co-Authored-By: Claude Opus 4.8 --- frontend/src/views/user/Cart.vue | 19 ++++++++++--------- 1 file changed, 10 insertions(+), 9 deletions(-) diff --git a/frontend/src/views/user/Cart.vue b/frontend/src/views/user/Cart.vue index b39a6b6..d69e277 100644 --- a/frontend/src/views/user/Cart.vue +++ b/frontend/src/views/user/Cart.vue @@ -952,25 +952,27 @@ onMounted(() => { flex-direction: column !important; flex-wrap: nowrap !important; padding: 10px !important; - position: relative; + padding-top: 36px !important; + position: relative !important; gap: 8px; } /* 复选框 - 左上角 */ .cart-item > .el-checkbox { - position: absolute; - top: 10px; - left: 10px; + position: absolute !important; + top: 10px !important; + left: 10px !important; width: 24px !important; + z-index: 10 !important; } /* 删除按钮 - 右上角 */ .cart-item > .item-action { - position: absolute; - top: 10px; - right: 10px; + position: absolute !important; + top: 10px !important; + right: 10px !important; width: auto !important; - display: block !important; + z-index: 10 !important; } /* 商品信息行 */ @@ -979,7 +981,6 @@ onMounted(() => { flex-direction: row !important; width: 100% !important; padding-left: 28px !important; - padding-right: 40px !important; margin-bottom: 8px !important; cursor: pointer; }