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-04-22 19:34:08 +08:00
parent 78396321d6
commit 7f38c4ab99
2 changed files with 20 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/views/Ranking/Overall/Ranking.vue
View File

@ -263,13 +263,7 @@
</div>
<div
style="
width: auto;
min-width: 0;
align-self: stretch;
display: flex;
align-items: center;
"
style="width: auto; min-width: 0; align-self: stretch; display: flex; align-items: center"
>
<img
v-smart-img
@ -303,27 +297,23 @@ import BackgroundLayer from '@/components/BackgroundLayer.vue'
import itemCenter from '@/components/itemCenter.vue'
import TopUser from './components/topUser.vue'
const imageUrl = (filename) => getPngUrl('Ranking/OverallTemp/', filename)
const imageUrl = (filename) => getPngUrl('Ranking/Overall/', filename)
const RANKING_CONFIG = {
Wealth: {
labelKey: 'ranking_wealth',
activeColor: '#FF9A60',
backgroundColor: '#3E1308',
activeColor: '#60FF83',
backgroundColor: '#242A2A',
backgroundImage: imageUrl('bgWealth'),
paramsType: 'GIFTS_SEND',
topBorders: [
imageUrl('top1-wealth'),
imageUrl('top2-wealth'),
imageUrl('top3-wealth'),
],
topBorders: [imageUrl('top1-wealth'), imageUrl('top2-wealth'), imageUrl('top3-wealth')],
rankingItemBg: imageUrl('RankingItem-wealth'),
myRankingBg: imageUrl('myRankingBg-wealth'),
},
Charm: {
labelKey: 'ranking_charm',
activeColor: '#60FF83',
backgroundColor: '#242A2A',
activeColor: '#FF9A60',
backgroundColor: '#3E1308',
backgroundImage: imageUrl('bgCharm'),
paramsType: 'GIFTS_RECEIVED',
topBorders: [imageUrl('top1-charm'), imageUrl('top2-charm'), imageUrl('top3-charm')],
@ -345,7 +335,12 @@ const RANKING_CONFIG = {
const TIME_TABS = [
{ value: 'Daily', labelKey: 'ranking_daily', paramsDateType: 'DAY', responseKey: 'daily' },
{ value: 'Weekly', labelKey: 'ranking_weekly', paramsDateType: 'WEEK', responseKey: 'weekly' },
{ value: 'Monthly', labelKey: 'ranking_monthly', paramsDateType: 'MONTH', responseKey: 'monthly' },
{
value: 'Monthly',
labelKey: 'ranking_monthly',
paramsDateType: 'MONTH',
responseKey: 'monthly',
},
]
const RANKING_API_MAP = {
@ -492,10 +487,7 @@ const fetchRanking = async () => {
}
const fetchMyRanking = async () => {
const response = await getMyRanking(
currentRankingConfig.value.paramsType,
paramsDateType.value,
)
const response = await getMyRanking(currentRankingConfig.value.paramsType, paramsDateType.value)
myRanking.value = response.status && response.body ? response.body : {}
}

12
src/views/Ranking/Overall/components/topUser.vue
View File

@ -123,10 +123,10 @@ const TOP_USER_LAYOUTS = {
Wealth: {
1: {
minHeight: '0vw',
avatarBox: { top: '0', height: '90%' },
avatarBox: { top: '0', height: '110%' },
avatarImage: { width: '36%' },
name: { bottom: '16%', width: '38%', maxWidth: '38%', height: '7.2%' },
value: { bottom: '2%', width: '34%', maxWidth: '34%', height: '10%' },
name: { bottom: '14%', width: '30%', height: '7.2%' },
value: { bottom: '2%', width: '34%', height: '10%' },
},
2: {
minHeight: '0vw',
@ -144,10 +144,10 @@ const TOP_USER_LAYOUTS = {
Charm: {
1: {
minHeight: '0vw',
avatarBox: { top: '0', height: '110%' },
avatarBox: { top: '0', height: '90%' },
avatarImage: { width: '36%' },
name: { bottom: '14%', width: '30%', height: '7.2%' },
value: { bottom: '2%', width: '34%', height: '10%' },
name: { bottom: '16%', width: '38%', maxWidth: '38%', height: '7.2%' },
value: { bottom: '2%', width: '34%', maxWidth: '34%', height: '10%' },
},
2: {
minHeight: '0vw',