%深渊增加影画数显示

This commit is contained in:
UCPr 2025-04-26 01:22:03 +08:00
parent a134543639
commit 83ca22c3b8
7 changed files with 62 additions and 13 deletions

View file

@ -101,6 +101,7 @@ export class ChallengeAvatar {
this.level = data.level;
this.rarity = data.rarity;
this.element_type = data.element_type;
this.rank = data.rank;
}
async get_assets() {

View file

@ -208,6 +208,28 @@
display: flex;
text-align: center;
}
.card .item-card .team .list .item .c-info .ranks {
background: rgb(117, 117, 117);
padding: 0 0.2em;
}
.card .item-card .team .list .item .c-info .ranks.r1 {
background: rgb(58, 116, 43);
}
.card .item-card .team .list .item .c-info .ranks.r2 {
background: rgb(61, 132, 214);
}
.card .item-card .team .list .item .c-info .ranks.r3 {
background: rgb(223, 118, 118);
}
.card .item-card .team .list .item .c-info .ranks.r4 {
background: rgb(51, 54, 161);
}
.card .item-card .team .list .item .c-info .ranks.r5 {
background: rgb(102, 127, 19);
}
.card .item-card .team .list .item .c-info .ranks.r6 {
background: rgb(218, 48, 32);
}
.card .item-card .team .list .item .c-info .level {
flex-grow: 1;
flex-shrink: 1;

View file

@ -61,14 +61,16 @@
<div class="list">
<% for(let i=0 ; i < 3 ; i++) { %>
{{if floor.node_1.avatars?.[i]}}
<div class="item char rank{{floor.node_1.avatars[i].rarity}}">
<div class="rank rank-icon {{floor.node_1.avatars[i].rarity}}"></div>
<div class="property {{floor.node_1.avatars[i].element}}"></div>
{{set char = floor.node_1.avatars[i]}}
<div class="item char rank{{char.rarity}}">
<div class="rank rank-icon {{char.rarity}}"></div>
<div class="property {{char.element}}"></div>
<div class="image">
<img src="{{floor.node_1.avatars[i].square_icon}}" alt="">
<img src="{{char.square_icon}}" alt="">
</div>
<div class="c-info">
<div class="level">等级{{floor.node_1.avatars[i].level}}</div>
<div class="ranks r{{char.rank}}">{{char.rank}}影</div>
<div class="level">等级{{char.level}}</div>
</div>
</div>
{{else}}
@ -106,14 +108,16 @@
<div class="list">
<% for(let i=0 ; i < 3 ; i++) { %>
{{if floor.node_2.avatars?.[i]}}
<div class="item char rank{{floor.node_2.avatars[i].rarity}}">
<div class="rank rank-icon {{floor.node_2.avatars[i].rarity}}"></div>
<div class="property {{floor.node_2.avatars[i].element}}"></div>
{{set char = floor.node_2.avatars[i]}}
<div class="item char rank{{char.rarity}}">
<div class="rank rank-icon {{char.rarity}}"></div>
<div class="property {{char.element}}"></div>
<div class="image">
<img src="{{floor.node_2.avatars[i].square_icon}}" alt="">
<img src="{{char.square_icon}}" alt="">
</div>
<div class="c-info">
<div class="level">等级{{floor.node_2.avatars[i].level}}</div>
<div class="ranks r{{char.rank}}">{{char.rank}}影</div>
<div class="level">等级{{char.level}}</div>
</div>
</div>
{{else}}

View file

@ -209,6 +209,28 @@
color: white;
display: flex;
text-align: center;
.ranks {
background: rgb(117, 117, 117);
padding: 0 0.2em;
&.r1 {
background: rgb(58, 116, 43);
}
&.r2 {
background: rgb(61, 132, 214);
}
&.r3 {
background: rgb(223, 118, 118);
}
&.r4 {
background: rgb(51, 54, 161);
}
&.r5 {
background: rgb(102, 127, 19);
}
&.r6 {
background: rgb(218, 48, 32);
}
}
.level {
flex-grow: 1;
flex-shrink: 1;

View file

@ -94,7 +94,7 @@
}
.card .list .item .c-info .ranks {
background: rgb(117, 117, 117);
padding: 0 0.4em;
padding: 0 0.2em;
}
.card .list .item .c-info .ranks.r1 {
background: rgb(58, 116, 43);

View file

@ -35,7 +35,7 @@
<img src="{{char.square_icon}}" alt="">
</div>
<div class="c-info">
<div class="ranks r{{char.rank}}">{{char.rank}}</div>
<div class="ranks r{{char.rank}}">{{char.rank}}</div>
<div class="level">等级{{char.level}}</div>
</div>
</div>

View file

@ -94,7 +94,7 @@
text-align: center;
.ranks {
background: rgb(117, 117, 117);
padding: 0 0.4em;
padding: 0 0.2em;
&.r1 {
background: rgb(58, 116, 43);
}