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