|
|
@@ -66,7 +66,7 @@
|
|
|
<div class="name">{{ item.nickname }}</div>
|
|
|
</div>
|
|
|
|
|
|
- <div class="rank-val" v-if="tab === 1 && i < 10">
|
|
|
+ <div class="rank-val" :class="[`rank-val_${i}`]" v-if="tab === 1 && i < 10">
|
|
|
<img class="val-bg" :src="rankValue[i].img" alt="" />
|
|
|
<div class="val-content">
|
|
|
<div class="text1">{{ rankValue[i].label }}</div>
|
|
|
@@ -469,29 +469,64 @@ function goInvite() {
|
|
|
justify-content: center;
|
|
|
|
|
|
.text1 {
|
|
|
- font-size: 14px;
|
|
|
+ font-size: 12px;
|
|
|
font-weight: bold;
|
|
|
- color: #d8d8d8;
|
|
|
+ color: #4d4d4d;
|
|
|
line-height: 14px;
|
|
|
- background: linear-gradient(180deg, #ed5701 0%, #c40800 100%);
|
|
|
- -webkit-background-clip: text;
|
|
|
- background-clip: text;
|
|
|
- -webkit-text-fill-color: transparent;
|
|
|
}
|
|
|
.text2 {
|
|
|
- font-size: 10px;
|
|
|
+ font-size: 12px;
|
|
|
font-weight: bold;
|
|
|
- color: #d8d8d8;
|
|
|
+ color: #4d4d4d;
|
|
|
line-height: 12px;
|
|
|
- background: linear-gradient(180deg, #ed5701 0%, #c40800 100%);
|
|
|
- -webkit-background-clip: text;
|
|
|
- background-clip: text;
|
|
|
- -webkit-text-fill-color: transparent;
|
|
|
margin-top: 4px;
|
|
|
.nor {
|
|
|
font-weight: normal;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ &.rank-val_0 {
|
|
|
+ .val-content {
|
|
|
+ .text1 {
|
|
|
+ background: linear-gradient(180deg, #ed5701 0%, #c40800 100%);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+ -webkit-text-fill-color: transparent;
|
|
|
+ }
|
|
|
+ .text2 {
|
|
|
+ background: linear-gradient(180deg, #ed5701 0%, #c40800 100%);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+ -webkit-text-fill-color: transparent;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &.rank-val_1 {
|
|
|
+ .val-content {
|
|
|
+ .text1 {
|
|
|
+ background: linear-gradient(180deg, #004f84 0%, #0a4268 100%);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+ -webkit-text-fill-color: transparent;
|
|
|
+ }
|
|
|
+ .text2 {
|
|
|
+ background: linear-gradient(180deg, #004f84 0%, #0a4268 100%);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+ -webkit-text-fill-color: transparent;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &.rank-val_2 {
|
|
|
+ .val-content {
|
|
|
+ .text1 {
|
|
|
+ background: linear-gradient(180deg, #ae4432 0%, #9d1c06 100%);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+ -webkit-text-fill-color: transparent;
|
|
|
+ }
|
|
|
+ .text2 {
|
|
|
+ background: linear-gradient(180deg, #ae4432 0%, #9d1c06 100%);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+ -webkit-text-fill-color: transparent;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|