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

style(样式调整): 周星页

Browse Source
This commit is contained in:
hzj 2025-09-25 18:12:27 +08:00
parent 4e7277f9f7
commit 4f858e2c7b
1 changed files with 22 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/views/WeeklyStar/WeeklyStar.vue
View File

@ -154,22 +154,29 @@
" "
> >
<div style="width: 100%; display: flex; align-items: center"> <div style="width: 100%; display: flex; align-items: center">
<div style="color: #edb247; font-weight: 700; width: 28px"> <div style="color: #edb247; font-weight: 700; width: 15%" class="UserNickname">
{{ listItem.rank }} {{ listItem.rank }}
</div> </div>
<img <img
src="/src/assets/icon/coin.png" :src="listItem.userAvatar || ''"
alt="" alt=""
style=" style="
width: 28%; width: 28%;
margin: 0 8px; margin: 0 2%;
aspect-ratio: 1/1; aspect-ratio: 1/1;
border-radius: 50%; border-radius: 50%;
object-fit: cover; object-fit: cover;
" "
@error="defaultAvatarUrl"
/> />
<div style="width: calc(72% - 28px - 26px); display: flex; flex-direction: column"> <div
style="
width: calc(100% - 10% - 28% - 16px);
display: flex;
flex-direction: column;
"
>
<div <div
style=" style="
color: #fff; color: #fff;
@ -179,17 +186,19 @@
text-overflow: ellipsis; text-overflow: ellipsis;
width: 100%; width: 100%;
" "
class="topUserNickname" class="UserNickname"
> >
{{ listItem.userNickname }} {{ listItem.userNickname }}
</div> </div>
<div style="color: #fff; font-weight: 590">ID:{{ listItem.account }}</div> <div style="color: #fff; font-weight: 590" class="UserNickname">
ID:{{ listItem.account }}
</div>
</div> </div>
</div> </div>
<div style="display: flex; width: 30%; display: flex; align-items: center"> <div style="display: flex; width: 30%; display: flex; align-items: center">
<img src="/src/assets/icon/coin.png" alt="" style="width: 20%; height: 20%" /> <img src="/src/assets/icon/coin.png" alt="" style="width: 30%" />
<div style="color: #edb247; font-weight: 700"> <div style="color: #edb247; font-weight: 700" class="UserNickname">
{{ listItem.quantity }} {{ listItem.quantity }}
</div> </div>
</div> </div>
@ -465,6 +474,7 @@
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
" "
class="UserNickname"
> >
{{ myRanking.userNickname }} {{ myRanking.userNickname }}
</div> </div>
@ -1289,6 +1299,10 @@ onUnmounted(() => {
font-size: 0.8em; font-size: 0.8em;
} }
.UserNickname {
font-size: 0.9em;
}
@media screen and (max-width: 360px) { @media screen and (max-width: 360px) {
* { * {
font-size: 10px; font-size: 10px;