style(总排行榜): 样式调整
This commit is contained in:
parent
f130c124db
commit
63a58b09d4
@ -1,6 +1,9 @@
|
|||||||
<!-- src/views/Ranking/Overall/Ranking.vue -->
|
<!-- src/views/Ranking/Overall/Ranking.vue -->
|
||||||
<template>
|
<template>
|
||||||
<div class="fullPage" :style="{ backgroundColor: currentRankingConfig.backgroundColor }">
|
<div
|
||||||
|
:class="['fullPage', 'scrollY']"
|
||||||
|
:style="{ backgroundColor: currentRankingConfig.backgroundColor }"
|
||||||
|
>
|
||||||
<div v-if="isLoading" class="loading-container">
|
<div v-if="isLoading" class="loading-container">
|
||||||
<BackgroundLayer :useCanvas="true" :backgroundImages="[currentBgImage]" />
|
<BackgroundLayer :useCanvas="true" :backgroundImages="[currentBgImage]" />
|
||||||
<LoadingSpinner />
|
<LoadingSpinner />
|
||||||
@ -153,7 +156,7 @@
|
|||||||
alt=""
|
alt=""
|
||||||
style="
|
style="
|
||||||
display: block;
|
display: block;
|
||||||
width: 5em;
|
width: 13vw;
|
||||||
aspect-ratio: 1/1;
|
aspect-ratio: 1/1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
@ -239,7 +242,7 @@
|
|||||||
alt=""
|
alt=""
|
||||||
style="
|
style="
|
||||||
display: block;
|
display: block;
|
||||||
width: 5em;
|
width: 15vw;
|
||||||
aspect-ratio: 1/1;
|
aspect-ratio: 1/1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
@ -650,6 +653,10 @@ onUnmounted(() => {
|
|||||||
background: #000;
|
background: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.scrollY::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
.tab {
|
.tab {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user