feat(活动页): 修复名称过长挤压头像的问题

This commit is contained in:
hzj 2025-11-07 19:17:39 +08:00
parent 1da443b4a3
commit f4b332c26c
2 changed files with 5 additions and 5 deletions

View File

@ -198,7 +198,7 @@
padding: 0 8%; padding: 0 8%;
" "
> >
<div style="width: 100%; display: flex; align-items: center"> <div style="width: 70%; display: flex; align-items: center">
<div style="color: #edb247; font-weight: 700; width: 10%" class="UserNickname"> <div style="color: #edb247; font-weight: 700; width: 10%" class="UserNickname">
{{ listItem.rank }} {{ listItem.rank }}
</div> </div>
@ -370,7 +370,7 @@
@error="defaultAvatarUrl" @error="defaultAvatarUrl"
/> />
<!-- 名称 --> <!-- 名称 -->
<div style="display: flex; flex-direction: column; width: calc(75% - 24px - 20%)"> <div style="display: flex; flex-direction: column; width: calc(100% - 25% - 24px)">
<div <div
style=" style="
color: #fff; color: #fff;

View File

@ -192,7 +192,7 @@
padding: 0 8%; padding: 0 8%;
" "
> >
<div style="width: 100%; display: flex; align-items: center"> <div style="width: 70%; display: flex; align-items: center">
<div style="color: #edb247; font-weight: 700; width: 10%" class="UserNickname"> <div style="color: #edb247; font-weight: 700; width: 10%" class="UserNickname">
{{ listItem.rank }} {{ listItem.rank }}
</div> </div>
@ -211,7 +211,7 @@
<div <div
style=" style="
width: calc(100% - 10% - 28% - 16px); width: calc(100% - 10% - 24% - 16px);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
" "
@ -364,7 +364,7 @@
@error="defaultAvatarUrl" @error="defaultAvatarUrl"
/> />
<!-- 名称 --> <!-- 名称 -->
<div style="display: flex; flex-direction: column; width: calc(75% - 24px - 20%)"> <div style="display: flex; flex-direction: column; width: calc(100% - 24px - 25%)">
<div <div
style=" style="
color: #fff; color: #fff;