chore(总排行榜): 样式图源调整
This commit is contained in:
parent
29a3b85230
commit
2e0a434cac
@ -58,11 +58,11 @@
|
|||||||
padding: 4px;
|
padding: 4px;
|
||||||
border-radius: 32px;
|
border-radius: 32px;
|
||||||
border: 1px solid #b2a67d;
|
border: 1px solid #b2a67d;
|
||||||
background: linear-gradient(90deg, #0d0d0d 0%, #232323 100%);
|
|
||||||
backdrop-filter: blur(32px);
|
backdrop-filter: blur(32px);
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(3, 1fr);
|
grid-template-columns: repeat(3, 1fr);
|
||||||
"
|
"
|
||||||
|
:style="{ background: currentRankingConfig.timeBackground }"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
v-for="tab in timeTabs"
|
v-for="tab in timeTabs"
|
||||||
@ -301,6 +301,8 @@ const imageUrl = (filename) => getPngUrl('Ranking/Overall/', filename)
|
|||||||
|
|
||||||
const RANKING_CONFIG = {
|
const RANKING_CONFIG = {
|
||||||
Wealth: {
|
Wealth: {
|
||||||
|
timeBackground:
|
||||||
|
'linear-gradient(97deg, rgba(21, 50, 22, 0.10) 12.03%, rgba(33, 99, 40, 0.10) 100.37%), linear-gradient(90deg, #0D0D0D 0%, #232323 100%)',
|
||||||
labelKey: 'ranking_wealth',
|
labelKey: 'ranking_wealth',
|
||||||
activeColor: '#60FF83',
|
activeColor: '#60FF83',
|
||||||
backgroundColor: '#242A2A',
|
backgroundColor: '#242A2A',
|
||||||
@ -310,17 +312,8 @@ const RANKING_CONFIG = {
|
|||||||
rankingItemBg: imageUrl('RankingItem-wealth'),
|
rankingItemBg: imageUrl('RankingItem-wealth'),
|
||||||
myRankingBg: imageUrl('myRankingBg-wealth'),
|
myRankingBg: imageUrl('myRankingBg-wealth'),
|
||||||
},
|
},
|
||||||
Charm: {
|
|
||||||
labelKey: 'ranking_charm',
|
|
||||||
activeColor: '#FF9A60',
|
|
||||||
backgroundColor: '#3E1308',
|
|
||||||
backgroundImage: imageUrl('bgCharm'),
|
|
||||||
paramsType: 'GIFTS_RECEIVED',
|
|
||||||
topBorders: [imageUrl('top1-charm'), imageUrl('top2-charm'), imageUrl('top3-charm')],
|
|
||||||
rankingItemBg: imageUrl('RankingItem-charm'),
|
|
||||||
myRankingBg: imageUrl('myRankingBg-charm'),
|
|
||||||
},
|
|
||||||
Room: {
|
Room: {
|
||||||
|
timeBackground: 'linear-gradient(97deg, #211532 12.03%, #3C2163 100.37%)',
|
||||||
labelKey: 'ranking_room',
|
labelKey: 'ranking_room',
|
||||||
activeColor: '#AA60FF',
|
activeColor: '#AA60FF',
|
||||||
backgroundColor: '#2B2022',
|
backgroundColor: '#2B2022',
|
||||||
@ -330,6 +323,17 @@ const RANKING_CONFIG = {
|
|||||||
rankingItemBg: imageUrl('RankingItem-room'),
|
rankingItemBg: imageUrl('RankingItem-room'),
|
||||||
myRankingBg: imageUrl('myRankingBg-room'),
|
myRankingBg: imageUrl('myRankingBg-room'),
|
||||||
},
|
},
|
||||||
|
Charm: {
|
||||||
|
timeBackground: 'linear-gradient(97deg, #322215 12.03%, #633421 100.37%)',
|
||||||
|
labelKey: 'ranking_charm',
|
||||||
|
activeColor: '#FF9A60',
|
||||||
|
backgroundColor: '#3E1308',
|
||||||
|
backgroundImage: imageUrl('bgCharm'),
|
||||||
|
paramsType: 'GIFTS_RECEIVED',
|
||||||
|
topBorders: [imageUrl('top1-charm'), imageUrl('top2-charm'), imageUrl('top3-charm')],
|
||||||
|
rankingItemBg: imageUrl('RankingItem-charm'),
|
||||||
|
myRankingBg: imageUrl('myRankingBg-charm'),
|
||||||
|
},
|
||||||
}
|
}
|
||||||
|
|
||||||
const TIME_TABS = [
|
const TIME_TABS = [
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user