root/uniapp-im-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI优化，红包领取后缺少头像，名称字段

Browse Source
This commit is contained in:
bobobobo
2026-01-19 23:30:08 +08:00
parent d2a22b9419
commit 651d20b909
41 changed files with 2189 additions and 1827 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
pages/red-packet/details.vue
View File

@@ -60,28 +60,44 @@
<!-- 红包信息 -->
<view class="red-envelope-info">
<text v-if="isPersonal">
<text>
{{
viewData.hasReceived
? `${viewData.remainCount}个红包${viewData.remainAmount}积分`
viewData.receiveList.length > 0
? `${viewData.totalCount}个红包${viewData.totalAmount}积分`
: `红包${viewData.remainAmount}积分，等待对方领取`
}}
</text>
<text v-else>1个红包共5.00元</text>
<!-- <text v-else>1个红包共5.00元</text> -->
</view>
<!-- 领取人卡片信息 -->
<view
v-if="isPersonal && viewData.hasReceived"
class="red-envelope-card"
>
<view class="avatar"></view>
<view class="right-box">
<view class="top-name">
<text>用户名称</text>
<text>5积分</text>
<view v-if="viewData.receiveList.length > 0">
<view
v-for="item in viewData.receiveList"
:key="item.id"
class="red-envelope-card"
>
<view class="avatar"></view>
<view class="right-box">
<view class="top-name">
<text>用户名称</text>
<text>{{ item.receiveAmount }}积分</text>
</view>
<view class="bottom-name">
<text class="date">{{ item.receiveTime }}</text>
<view
v-if="viewData.luckyReceive.userId === item.userId"
class="tisp"
>
<image
src="/static/images/best.svg"
mode="heightFix"
class="best-icon"
></image>
<text>手气最佳</text>
</view>
</view>
</view>
<text class="date">用户名称</text>
</view>
</view>
</view>
@@ -123,9 +139,24 @@
color: #333333;
}
}
.date {
.bottom-name {
font-size: 28rpx;
color: #a1a1a1;
display: flex;
justify-content: space-between;
.date {
color: #a1a1a1;
}
.tisp {
display: flex;
align-items: center;
.best-icon {
height: 34rpx;
margin-right: 10rpx;
}
text {
color: #e7ba24;
}
}
}
}
}