hy/aslan-h5
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(抽奖活动页): 修复排行榜的头像名称显示问题

Browse Source
This commit is contained in:
hzj 2025-11-04 17:31:29 +08:00
parent 5f05bc4855
commit bd728d0588
1 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/views/Activities/Lottery/Lottery.vue
View File

@ -51,16 +51,21 @@
padding: 12px; padding: 12px;
" "
> >
<div style="display: flex; align-items: center; gap: 4px"> <div style="display: flex; align-items: center; gap: 4px; width: 80%">
<div style="font-weight: 700">{{ user.rank }}</div> <div style="font-weight: 700">{{ user.rank }}</div>
<img <img
:src="user.avatar || ''" :src="user.avatar || ''"
:alt="user.nickname || ''" :alt="user.nickname || ''"
width="15%" style="
style="display: block; border-radius: 50%; aspect-ratio: 1/1; object-fit: cover" display: block;
width: 11vw;
border-radius: 50%;
aspect-ratio: 1/1;
object-fit: cover;
"
@error="defaultAvatarUrl" @error="defaultAvatarUrl"
/> />
<div style="width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis"> <div style="width: 60%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis">
{{ user.nickname || '' }} {{ user.nickname || '' }}
</div> </div>
</div> </div>
@ -625,13 +630,12 @@
backdrop-filter: blur(32px); backdrop-filter: blur(32px);
" "
> >
<div style="display: flex; align-items: center; gap: 4px"> <div style="display: flex; align-items: center; gap: 4px; width: 80%">
<div style="font-weight: 700">{{ userInfo.rank || 999 }}</div> <div style="font-weight: 700">{{ userInfo.rank || 999 }}</div>
<img <img
:src="userInfo.userAvatar || ''" :src="userInfo.userAvatar || ''"
:alt="userInfo.userNickname || ''" :alt="userInfo.userNickname || ''"
width="15%" style="border-radius: 50%; width: 11vw; aspect-ratio: 1/1; object-fit: cover"
style="border-radius: 50%; aspect-ratio: 1/1; object-fit: cover"
@error="defaultAvatarUrl" @error="defaultAvatarUrl"
/> />
<div style="width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis"> <div style="width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis">
@ -645,7 +649,9 @@
alt="" alt=""
style="display: block; object-fit: cover; width: 6vw" style="display: block; object-fit: cover; width: 6vw"
/> />
<div style="color: #2df860; font-weight: 500">{{ userInfo.totalAmount || 0 }}</div> <div style="color: #2df860; font-weight: 500">
{{ userInfo.totalAmount || 0 }}
</div>
</div> </div>
</div> </div>