liangxin/xdd-uniapp-new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix：5150 【商城小程序】体验券按钮栏左右滑动时，按钮内容被异常遮挡，显示不完整

Browse Source
This commit is contained in:
linxi
2026-04-16 10:13:29 +08:00
parent e5c7900b89
commit edaba70c6e
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pkg_product/views/experienceCoupon.vue
+6 -2
View File
@@ -518,7 +518,7 @@ export default {
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
padding: 32rpx; padding: 32rpx 0;
padding-bottom: 120rpx; /* 为下方内容上移留出空间 */ padding-bottom: 120rpx; /* 为下方内容上移留出空间 */
box-sizing: border-box; box-sizing: border-box;
color: #fff; color: #fff;
@@ -544,6 +544,7 @@ export default {
.header-main { .header-main {
margin-bottom: 20rpx; margin-bottom: 20rpx;
padding: 0 24rpx;
} }
.coupon-tabs-scroll { .coupon-tabs-scroll {
width: 100%; width: 100%;
@@ -555,6 +556,7 @@ export default {
gap: 16rpx; gap: 16rpx;
padding-right: 24rpx; padding-right: 24rpx;
flex-wrap: nowrap; flex-wrap: nowrap;
padding: 0 24rpx;
} }
.coupon-tab-item { .coupon-tab-item {
padding: 8rpx 24rpx; padding: 8rpx 24rpx;
@@ -660,7 +662,7 @@ export default {
} }
.content { .content {
padding: 0 24rpx; padding: 0;
margin-top: -120rpx; /* 将下方内容整体上移，覆盖在渐变区域上 */ margin-top: -120rpx; /* 将下方内容整体上移，覆盖在渐变区域上 */
position: relative; position: relative;
z-index: 4; z-index: 4;
@@ -674,6 +676,7 @@ export default {
.tabs { .tabs {
display: flex; display: flex;
gap: 16rpx; gap: 16rpx;
margin: 0 24rpx;
padding-right: 24rpx; padding-right: 24rpx;
} }
.tab-item { .tab-item {
@@ -695,6 +698,7 @@ export default {
padding-bottom: 24rpx; padding-bottom: 24rpx;
column-count: 2; column-count: 2;
column-gap: 6rpx; column-gap: 6rpx;
padding: 0 24rpx 24rpx;
} }
.card { .card {
margin-bottom: 24rpx; margin-bottom: 24rpx;