fix: 修复删除按钮绝对定位
- 删除按钮添加z-index确保在最上层 - 商品项添加padding-top给删除按钮留空间 - 移除商品信息的padding-right Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -952,25 +952,27 @@ onMounted(() => {
|
|||||||
flex-direction: column !important;
|
flex-direction: column !important;
|
||||||
flex-wrap: nowrap !important;
|
flex-wrap: nowrap !important;
|
||||||
padding: 10px !important;
|
padding: 10px !important;
|
||||||
position: relative;
|
padding-top: 36px !important;
|
||||||
|
position: relative !important;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 复选框 - 左上角 */
|
/* 复选框 - 左上角 */
|
||||||
.cart-item > .el-checkbox {
|
.cart-item > .el-checkbox {
|
||||||
position: absolute;
|
position: absolute !important;
|
||||||
top: 10px;
|
top: 10px !important;
|
||||||
left: 10px;
|
left: 10px !important;
|
||||||
width: 24px !important;
|
width: 24px !important;
|
||||||
|
z-index: 10 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 删除按钮 - 右上角 */
|
/* 删除按钮 - 右上角 */
|
||||||
.cart-item > .item-action {
|
.cart-item > .item-action {
|
||||||
position: absolute;
|
position: absolute !important;
|
||||||
top: 10px;
|
top: 10px !important;
|
||||||
right: 10px;
|
right: 10px !important;
|
||||||
width: auto !important;
|
width: auto !important;
|
||||||
display: block !important;
|
z-index: 10 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 商品信息行 */
|
/* 商品信息行 */
|
||||||
@@ -979,7 +981,6 @@ onMounted(() => {
|
|||||||
flex-direction: row !important;
|
flex-direction: row !important;
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
padding-left: 28px !important;
|
padding-left: 28px !important;
|
||||||
padding-right: 40px !important;
|
|
||||||
margin-bottom: 8px !important;
|
margin-bottom: 8px !important;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user