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-10 12:21:03 +08:00
parent ddefceafd7
commit f83f47fece
1 changed files with 25 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/views/TopList/TopList.vue
View File

@ -215,7 +215,7 @@
padding: 0 15%; padding: 0 15%;
" "
> >
<div style="width: 70%; display: flex; align-items: center"> <div style="width: 80%; display: flex; align-items: center">
<div style="color: #edb247; font-weight: 700; width: 28px"> <div style="color: #edb247; font-weight: 700; width: 28px">
{{ listItem.rank }} {{ listItem.rank }}
</div> </div>
@ -266,7 +266,7 @@
</div> </div>
</div> </div>
<div style="display: flex; width: 30%; display: flex; align-items: center"> <div style="display: flex; width: 20%; display: flex; align-items: center">
<img src="/src/assets/icon/coin.png" alt="" style="width: 25%" /> <img src="/src/assets/icon/coin.png" alt="" style="width: 25%" />
<div style="color: #edb247; font-weight: 700" class="topUserNickname"> <div style="color: #edb247; font-weight: 700" class="topUserNickname">
{{ listItem.quantity }} {{ listItem.quantity }}
@ -563,21 +563,21 @@
<div <div
style=" style="
position: absolute; position: absolute;
top: 0; inset: 0;
bottom: 0;
left: 0;
right: 0;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 0 8%; padding: 0 8%;
gap: 8px;
" "
> >
<div style="flex: 1; display: flex; align-items: center"> <div style="width: 80%; display: flex; align-items: center">
<!-- 排名 -->
<div style="color: #edb247; font-weight: 700">{{ myRanking.wealthRank || 0 }}</div> <div style="color: #edb247; font-weight: 700">{{ myRanking.wealthRank || 0 }}</div>
<!-- 头像 -->
<div <div
style=" style="
width: 24%; width: 25%;
aspect-ratio: 1/1; aspect-ratio: 1/1;
border-radius: 50%; border-radius: 50%;
margin: 0 12px; margin: 0 12px;
@ -595,16 +595,28 @@
@error="defaultAvatarUrl" @error="defaultAvatarUrl"
/> />
</div> </div>
<!-- 名称 -->
<div style="display: flex; flex-direction: column"> <div style="display: flex; flex-direction: column; width: calc(100% - 30px - 24px - 25%)">
<div style="color: #fff; font-weight: 860"> <div
style="
color: #fff;
font-weight: 860;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
"
>
{{ myRanking.userNickname }} {{ myRanking.userNickname }}
</div> </div>
</div> </div>
</div> </div>
<div style="display: flex; width: 30%; display: flex; align-items: center"> <div style="width: 20%; display: flex; align-items: center; gap: 2px">
<img src="/src/assets/icon/coin.png" alt="" style="width: 25%; height: 20%" /> <img
src="/src/assets/icon/coin.png"
alt=""
style="display: block; width: 35%; aspect-ratio: 1/1"
/>
<!-- 1:男,0:女 --> <!-- 1:男,0:女 -->
<div v-if="myRanking.userSex == 1" style="color: #edb247; font-weight: 700"> <div v-if="myRanking.userSex == 1" style="color: #edb247; font-weight: 700">
{{ myRanking.wealthQuantity }} {{ myRanking.wealthQuantity }}