angelo
/
web-zk-h5
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(hiList): 分享页商品列表删除弹窗层级问题处理

This commit is contained in:
woody 2025-10-30 14:03:53 +08:00
parent d7111956ed
commit 5e3d9f93ad
1 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
pages/shareArea/hiList.vue
View File

@ -201,6 +201,8 @@
mode="bottom"
border-radius="30"
:closeable="true"
:overlay="false"
:zIndex="200"
@close="showCartDrawer = false"
>
<view class="cart-drawer">
@ -248,7 +250,7 @@
</view>
</view>
<view class="cart-item-delete" @click="removeFromCart(index)">
<text class="cart-delete-icon">删除</text>
<u-icon name="trash" size="22" color="#BFBFBF"></u-icon>
</view>
</view>
</view>
@ -452,9 +454,12 @@ export default {
icon: 'success',
duration: 1500,
})
if (this.cartTotalCount === 0) {
this.showCartDrawer = false
}
}
},
zIndex: 10076, // 确保层级高于抽屉
zIndex: 99999999, // 确保层级高于抽屉
})
},
@ -1440,14 +1445,14 @@ export default {
}
.cart-item-delete {
padding: 12rpx 24rpx;
background: rgba(239, 68, 68, 0.1);
border-radius: 8rpx;
transition: all 0.2s ease;
// padding: 12rpx 24rpx;
// background: rgba(239, 68, 68, 0.1);
// border-radius: 8rpx;
// transition: all 0.2s ease;
.cart-delete-icon {
font-size: 26rpx;
color: #ef4444;
font-size: 22rpx;
// color: #ef4444;
font-weight: 500;
}