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%;
"
>
<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">
{{ listItem.rank }}
</div>
@ -370,7 +370,7 @@
@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
style="
color: #fff;

View File

@ -192,7 +192,7 @@
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">
{{ listItem.rank }}
</div>
@ -211,7 +211,7 @@
<div
style="
width: calc(100% - 10% - 28% - 16px);
width: calc(100% - 10% - 24% - 16px);
display: flex;
flex-direction: column;
"
@ -364,7 +364,7 @@
@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
style="
color: #fff;