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

chore(斋月打榜活动): 排行榜名称展示调整

Browse Source
This commit is contained in:
hzj 2026-02-02 18:51:40 +08:00
parent c531691fae
commit 4f23412f76
1 changed files with 63 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
src/views/Activities/LuckyDollars/Season3/index.vue
View File

@ -337,13 +337,13 @@
:contentStyle="`padding:0;`"
:lazy="true"
>
<div style="width: 100%">
<div style="width: 100%; margin-top: 1vw">
<div
style="
height: 100%;
display: flex;
align-items: center;
justify-content: center;
/* justify-content: center; */
overflow: hidden;
"
>
@ -367,7 +367,7 @@
</div>
</div>
<div v-else>
<div v-else style="width: 100%; text-align: center">
<div
style="
color: #fff;
@ -384,7 +384,7 @@
</itemCenter>
<!-- ID -->
<div style="color: #fff; font-weight: 590" class="UserNickname">
<div style="color: #fff; font-weight: 590" class="Textlittle">
{{ $t('user_id_prefix') }}
{{ listItem?.specialAccount || listItem?.account }}
</div>
@ -407,7 +407,7 @@
alt=""
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
/>
<div style="color: #ffe601; font-weight: 700" class="UserNickname">
<div style="color: #ffe601; font-weight: 700" class="Textlittle">
{{ listItem?.amount || 0 }}
</div>
</div>
@ -506,19 +506,61 @@
<!-- 名称、id -->
<div style="flex: 1; min-width: 0; display: flex; flex-direction: column">
<div
style="
color: #fff;
font-weight: 860;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
"
class="UserNickname"
<!-- 滚动名称 -->
<itemCenter
style="width: 30vw; height: 10vw; min-width: 0"
:imgUrl="imageUrl('userNameBorder')"
:contentStyle="`padding:0;`"
:lazy="true"
>
{{ listItem?.userName }}
</div>
<div style="color: #fff; font-weight: 590" class="UserNickname">
<div style="width: 100%; margin-top: 1vw">
<div
style="
height: 100%;
display: flex;
align-items: center;
/* justify-content: center; */
overflow: hidden;
"
>
<!-- 滚动容器 -->
<div
v-if="isTextOverflow(listItem?.userName || '')"
class="scroll-wrapper"
>
<!-- 2套内容 -->
<div class="scroll-content" v-for="value in 2">
<div
style="
color: #fff;
font-size: 1em;
font-weight: 860;
white-space: nowrap;
"
>
{{ listItem?.userName }}
</div>
</div>
</div>
<div v-else style="width: 100%; text-align: center">
<div
style="
color: #fff;
font-size: 1em;
font-weight: 860;
white-space: nowrap;
"
>
{{ listItem?.userName }}
</div>
</div>
</div>
</div>
</itemCenter>
<!-- ID -->
<div style="color: #fff; font-weight: 590" class="Textlittle">
{{ $t('user_id_prefix') }}
{{ listItem?.specialAccount || listItem?.account }}
</div>
@ -541,7 +583,7 @@
alt=""
style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
/>
<div style="color: #ffe601; font-weight: 700" class="UserNickname">
<div style="color: #ffe601; font-weight: 700" class="Textlittle">
{{ listItem?.amount || 0 }}
</div>
</div>
@ -1439,12 +1481,12 @@
<div
style="
color: #fff;
font-size: 1em;
font-weight: 860;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
"
class="UserNickname"
>
{{ myRanking.userName }}
</div>
@ -2654,8 +2696,8 @@ onUnmounted(() => {
font-size: 0.8em;
}
.UserNickname {
font-size: 0.8em;
.Textlittle {
font-size: 0.9em;
}
.timeBox {