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