Yunzai-Plugin/ZZZ-Plugin
1
0
Fork 0
mirror of https://github.com/ZZZure/ZZZ-Plugin.git synced 2025-12-16 13:17:32 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

%深渊增加影画数显示

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

1
model/abyss.js
View file

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

22
resources/abyss/index.css
View file

@ -208,6 +208,28 @@
display: flex; display: flex;
text-align: center; 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 { .card .item-card .team .list .item .c-info .level {
flex-grow: 1; flex-grow: 1;
flex-shrink: 1; flex-shrink: 1;

24
resources/abyss/index.html
View file

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

22
resources/abyss/index.scss
View file

@ -209,6 +209,28 @@
color: white; color: white;
display: flex; display: flex;
text-align: center; 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 { .level {
flex-grow: 1; flex-grow: 1;
flex-shrink: 1; flex-shrink: 1;

2
resources/card/index.css
View file

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

2
resources/card/index.html
View file

@ -35,7 +35,7 @@
<img src="{{char.square_icon}}" alt=""> <img src="{{char.square_icon}}" alt="">
</div> </div>
<div class="c-info"> <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 class="level">等级{{char.level}}</div>
</div> </div>
</div> </div>

2
resources/card/index.scss
View file

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