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-05-29 23:59:20 +08:00
parent 1dba302b64
commit 297be2d481
6 changed files with 39 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

8
resources/panel/card.css
View file

@ -840,9 +840,14 @@
box-shadow: 0 0 3em rgba(0, 0, 0, 0.6);
border: 0.1em solid rgba(255, 255, 255, 0.2);
}
.card .damagelist .column3 {
grid-template-columns: 0.28fr 2fr 2fr;
}
.card .damagelist .column4 {
grid-template-columns: 0.28fr 2fr 1fr 1fr;
}
.card .damagelist .dmg-tr {
display: grid;
grid-template-columns: 0.25fr 1.6fr 1fr 1fr;
border-bottom: 0.1em solid rgba(255, 255, 255, 0.2);
}
.card .damagelist .dmg-tr:first-child {
@ -875,6 +880,7 @@
padding: 0.5em 0.5em;
font-size: 0.9em;
border-right: 0.1em solid rgba(255, 255, 255, 0.2);
overflow: hidden;
}
.card .damagelist .dmg-td:nth-child(2) {
background: rgba(0, 0, 0, 0.2);

6
resources/panel/card.html
View file

@ -242,17 +242,19 @@
<% include(sys.specialTitle, {en: 'DAMAGE' , cn: '伤害统计' }) %>
</div>
<div class="damagelist">
<div class="dmg-tr titlebar no-zzz-font">
<div class="dmg-tr column4 titlebar no-zzz-font">
<div class="td dmg-td">%</div>
<div class="dmg-td">技能类型</div>
<div class="dmg-td">暴击伤害</div>
<div class="dmg-td">期望伤害</div>
</div>
{{each damages damage,index}}
<div class="dmg-tr">
<div class="dmg-tr {{damage.result.critDMG !== 0 ? 'column4' : 'column3'}}">
<div class="dmg-td">{{index+1}}</div>
<div class="dmg-td no-zzz-font">{{damage.skill.name}}</div>
{{if damage.result.critDMG !== 0}}
<div class="dmg-td">{{damage.result.critDMG.toFixed(0)}}</div>
{{/if}}
<div class="dmg-td">{{damage.result.expectDMG.toFixed(0)}}</div>
</div>
{{/each}}

12
resources/panel/card.scss
View file

@ -853,11 +853,18 @@
box-shadow: 0 0 3em rgba(0, 0, 0, 0.6);
border: 0.1em solid rgba(255, 255, 255, 0.2);
.column3 {
grid-template-columns: 0.28fr 2fr 2fr;
}
.column4 {
grid-template-columns: 0.28fr 2fr 1fr 1fr;
}
.dmg-tr {
display: grid;
grid-template-columns: 0.25fr 1.6fr 1fr 1fr;
border-bottom: 0.1em solid rgba(255, 255, 255, 0.2);
&:first-child {
font-size: 1.1em;
background: rgba(0, 0, 0, 0.2);
@ -893,6 +900,7 @@
padding: 0.5em 0.5em;
font-size: 0.9em;
border-right: 0.1em solid rgba(255, 255, 255, 0.2);
overflow: hidden;
&:nth-child(2) {
background: rgba(0, 0, 0, 0.2);
color: rgb(206, 190, 149);

7
resources/panel/damage.css
View file

@ -471,8 +471,11 @@
.damage .data-list .info-tr span {
color: #fff !important;
}
.damage .damage-list .dmg-tr {
grid-template-columns: 0.25fr 1.6fr 1fr 1fr;
.damage .damage-list .column3 {
grid-template-columns: 0.28fr 2fr 2fr;
}
.damage .damage-list .column4 {
grid-template-columns: 0.28fr 2fr 1fr 1fr;
}
.damage .damage-list .dmg-tr.current {
background: rgb(120, 104, 73);

10
resources/panel/damage.html
View file

@ -140,21 +140,19 @@
<% include(sys.specialTitle, {en: 'DAMAGE' , cn: '伤害统计' }) %>
</div>
<div class="data-list damage-list">
<div class="tr dmg-tr titlebar no-zzz-font">
<div class="tr dmg-tr column4 titlebar no-zzz-font">
<div class="td dmg-td">%</div>
<div class="td dmg-td">技能类型</div>
<div class="td dmg-td">暴击伤害</div>
<div class="td dmg-td">期望伤害</div>
</div>
{{each damages d,index}}
{{if index == skill.index}}
<div class="tr dmg-tr current">
{{else}}
<div class="tr dmg-tr">
{{/if}}
<div class="tr dmg-tr {{d.result.critDMG !== 0 ? 'column4' : 'column3'}} {{index == skill.index ? 'current' : ''}}">
<div class="td dmg-td">{{index+1}}</div>
<div class="td dmg-td no-zzz-font">{{d.skill.name}}</div>
{{if d.result.critDMG !== 0}}
<div class="td dmg-td">{{d.result.critDMG.toFixed(0)}}</div>
{{/if}}
<div class="td dmg-td">{{d.result.expectDMG.toFixed(0)}}</div>
</div>
{{/each}}

10
resources/panel/damage.scss
View file

@ -447,8 +447,16 @@
/* 伤害统计 */
.damage-list {
.column3 {
grid-template-columns: 0.28fr 2fr 2fr;
}
.column4 {
grid-template-columns: 0.28fr 2fr 1fr 1fr;
}
.dmg-tr {
grid-template-columns: 0.25fr 1.6fr 1fr 1fr;
&.current {
background: rgb(120, 104, 73);