fix: 修复删除按钮绝对定位

- 删除按钮添加z-index确保在最上层
- 商品项添加padding-top给删除按钮留空间
- 移除商品信息的padding-right

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-05-31 01:36:20 +08:00
parent b283016b69
commit c51724c489
+10 -9
View File
@@ -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;
}