fix: 强袭战

This commit is contained in:
bietiaop 2024-12-24 15:50:07 +08:00
parent 42df3329f8
commit 94dbe6d304
3 changed files with 10 additions and 1 deletions

View file

@ -8,6 +8,9 @@
border-radius: 50%; border-radius: 50%;
background-size: contain; background-size: contain;
} }
.card .star.inactive {
background-image: url("./images/star-icon-dark.png");
}
.card .overview { .card .overview {
margin: 0.5em; margin: 0.5em;
margin-bottom: 1.5em; margin-bottom: 1.5em;

View file

@ -48,9 +48,12 @@
<div class="value"> <div class="value">
<div class="val">{{item.score}}</div> <div class="val">{{item.score}}</div>
<div class="stars"> <div class="stars">
<% for(let i=0 ; i < item.total_star ; i++) { %> <% for(let i=0 ; i < item.star ; i++) { %>
<div class="star"></div> <div class="star"></div>
<% } %> <% } %>
<% for(let i=0 ; i < item.total_star - item.star ; i++) { %>
<div class="star inactive"></div>
<% } %>
</div> </div>
</div> </div>
<div class="time">通关时刻:{{item.challenge_time.year}}.{{item.challenge_time.month}}.{{item.challenge_time.day}} <div class="time">通关时刻:{{item.challenge_time.year}}.{{item.challenge_time.month}}.{{item.challenge_time.day}}

View file

@ -6,6 +6,9 @@
background-image: url('./images/star-icon-light.png'); background-image: url('./images/star-icon-light.png');
border-radius: 50%; border-radius: 50%;
background-size: contain; background-size: contain;
&.inactive {
background-image: url('./images/star-icon-dark.png');
}
} }
.overview { .overview {
margin: 0.5em; margin: 0.5em;