mirror of
https://github.com/ZZZure/ZZZ-Plugin.git
synced 2025-12-15 12:47:48 +00:00
%深渊增加影画数显示
This commit is contained in:
parent
a134543639
commit
83ca22c3b8
7 changed files with 62 additions and 13 deletions
|
|
@ -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() {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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}}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue