优化伤害统计显示

resources/panel/card.css

@@ -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);

resources/panel/card.html

@@ -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}}

resources/panel/card.scss

@@ -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);

resources/panel/damage.css

@@ -471,8 +471,11 @@
 .damage .data-list .info-tr span {
   color: #fff !important;
 }
-.damage .damage-list .dmg-tr {
+.damage .damage-list .column3 {
-  grid-template-columns: 0.25fr 1.6fr 1fr 1fr;
+  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);

resources/panel/damage.html

@@ -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 {{d.result.critDMG !== 0 ? 'column4' : 'column3'}} {{index == skill.index ? 'current' : ''}}">
-      <div class="tr dmg-tr current">
-      {{else}}
-      <div class="tr dmg-tr">
-      {{/if}}
         <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}}

resources/panel/damage.scss

@@ -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);