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

fix(周星榜): 修复头像挤压宽度的问题

Browse Source
This commit is contained in:
hzj 2025-11-14 19:49:11 +08:00
parent 440223205e
commit 643514fc38
2 changed files with 6 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/router/index.js
View File

@ -212,7 +212,7 @@ const router = createRouter({
{
path: '/weekly-star',
name: 'weekly-star',
component: () => import('../views/WeeklyStar/WeeklyStar.vue'),
component: () => import('../views/Activities/WeeklyStar/WeeklyStar.vue'),
meta: { requiresAuth: true },
},
{

19
src/views/WeeklyStar/WeeklyStar.vue → src/views/Activities/WeeklyStar/WeeklyStar.vue
View File

@ -151,16 +151,13 @@
<div
style="
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
inset: 0;
display: flex;
align-items: center;
padding: 0 3%;
"
>
<div style="width: 100%; display: flex; align-items: center">
<div style="flex: 1; min-width: 0; display: flex; align-items: center">
<div style="color: #edb247; font-weight: 700; width: 10%" class="UserNickname">
{{ listItem.rank }}
</div>
@ -177,13 +174,7 @@
@error="defaultAvatarUrl"
/>
<div
style="
width: calc(100% - 10% - 28% - 16px);
display: flex;
flex-direction: column;
"
>
<div style="width: calc(100% - 10% - 24%); display: flex; flex-direction: column">
<div
style="
color: #fff;
@ -203,7 +194,7 @@
</div>
</div>
<div style="display: flex; width: 30%; display: flex; align-items: center">
<div style="display: flex; width: 20%; display: flex; align-items: center">
<img src="/src/assets/icon/coin.png" alt="" style="width: 30%" />
<div style="color: #edb247; font-weight: 700" class="UserNickname">
{{ listItem.quantity }}
@ -770,7 +761,7 @@ import {
import { computed, onMounted, onUnmounted, ref } from 'vue'
import itemCenter from '@/components/WeeklyStar/itemCenter.vue'
import TopUser from '@/components/WeeklyStar/topUser.vue'
import maskLayer from '../../components/MaskLayer.vue'
import maskLayer from '@/components/MaskLayer.vue'
import { useDebounce, useThrottle } from '@/utils/useDebounce'
import { getMemberProfile } from '@/api/wallet'
import { showError, showWarning, showInfo, showSuccess } from '@/utils/toast.js'