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