Fix:5728 【商城小程序】我的礼品卡-收到的,商品名称长会被标识遮挡

This commit is contained in:
linxi
2026-08-17 18:32:40 +08:00
parent 920e7cc1dc
commit b0e7628f65
+9 -3
View File
@@ -18,10 +18,9 @@
<view v-if="cateIndex === 0" class="list-body"> <view v-if="cateIndex === 0" class="list-body">
<block v-if="sendList.length > 0"> <block v-if="sendList.length > 0">
<view <view
v-for="(item, index) in sendList" v-for="(item, index) in sendList"
:key="index" :key="index"
class="gift-item" :class="['gift-item', item.badgeText ? 'has-badge' : '']"
> >
<view <view
v-if="item.badgeText" v-if="item.badgeText"
@@ -141,7 +140,7 @@
<view <view
v-for="(item, index) in receiveList" v-for="(item, index) in receiveList"
:key="index" :key="index"
class="gift-item" :class="['gift-item', item.badgeText ? 'has-badge' : '']"
> >
<view <view
v-if="item.badgeText" v-if="item.badgeText"
@@ -681,6 +680,13 @@ export default {
.gift-badge-orange { .gift-badge-orange {
background: #FF9644; background: #FF9644;
} }
&.has-badge {
.gift-good-info {
.name {
padding-right: 160rpx;
}
}
}
.gift-body { .gift-body {
display: flex; display: flex;
align-items: center; align-items: center;