补充命破、玄墨、裂霜等图标及面板图样式

lib/convert/element.js

@@ -5,11 +5,18 @@ const ELEMENT_TYPE = {
   200: 'physdmg',
   201: 'fire',
 };
+const SUB_ELEMENT_TYPE = {
+  1: 'frost',
+  2: 'auricink',
+};
 /**
  *
  * @param {keyof ELEMENT_TYPE} id
+ * @param {keyof SUB_ELEMENT_TYPE} sub_id
  * @returns
  */
-export const IDToElement = id => {
+export const IDToElement = (id, sub_id) => {
+  if (sub_id && SUB_ELEMENT_TYPE[sub_id])
+    return SUB_ELEMENT_TYPE[sub_id];
   return ELEMENT_TYPE[id];
 };

model/avatar.js

@@ -257,7 +257,7 @@ export class ZZZAvatarInfo {
     /** @type {number} */
     this.ranks_num = this.ranks.filter(rank => rank.is_unlocked).length;
     /** @type {string} */
-    this.element_str = element.IDToElement(element_type);
+    this.element_str = element.IDToElement(element_type, sub_element_type);
     /** @type {boolean} */
     this.isNew = isNew;
     /** @type {number}  等级级别（取十位数字）*/

resources/common/style/index.css

@@ -81,6 +81,12 @@
 .property.dungeon {
   background-image: url("../images/IconDungeonBuffEther.png");
 }
+.property.frost {
+  background-image: url("../images/IconFrost.png");
+}
+.property.auricink {
+  background-image: url("../images/IconAuricInk.png");
+}
 
 .prop-icon {
   aspect-ratio: 1;
@@ -142,6 +148,9 @@
 .prop-icon.thunder {
   background-image: url("../images/property/IconThunder.png");
 }
+.prop-icon.sheerforce {
+  background-image: url("../images/property/IconSheerForce.png");
+}
 
 .pro-icon {
   aspect-ratio: 1;

resources/common/style/index.scss

@@ -99,6 +99,12 @@
   &.dungeon {
     background-image: url('../images/IconDungeonBuffEther.png');
   }
+  &.frost {
+    background-image: url('../images/IconFrost.png');
+  }
+  &.auricink {
+    background-image: url('../images/IconAuricInk.png');
+  }
 }
 
 .prop-icon {
@@ -160,6 +166,9 @@
   &.thunder {
     background-image: url('../images/property/IconThunder.png');
   }
+  &.sheerforce {
+    background-image: url('../images/property/IconSheerForce.png');
+  }
 }
 
 .pro-icon {

resources/panel/card.html

@@ -83,8 +83,7 @@
           </div>
           {{if charData.avatar_profession === 6}}
           <div class="properties">
-            <!-- 图标待补 -->
+            <div class="prop-icon sheerforce"></div>
-            <div class="prop-icon penratio"></div>
             <div class="label yellow">贯穿力</div>
             <div class="value">{{basic_properties.sheerforce.final}}</div>
           </div>

resources/panel/damage.html

@@ -83,8 +83,7 @@
           </div>
           {{if charData.avatar_profession === 6}}
           <div class="properties">
-            <!-- 图标待补 -->
+            <div class="prop-icon sheerforce"></div>
-            <div class="prop-icon penratio"></div>
             <div class="label yellow">贯穿力</div>
             <div class="value">{{basic_properties.sheerforce.final}}</div>
           </div>