♻️ 剔除日历JSON冗余数据

src/components/pageHome/ph-calendar-material.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="tcm-box">
     <div class="tcm-left">
-      <div class="tcm-bg"><img :src="item.bg" alt="bg" /></div>
-      <div class="tcm-icon"><img :src="item.icon" alt="icon" /></div>
+      <div class="tcm-bg"><img :src="`/icon/bg/${item.star}-Star.webp`" alt="bg" /></div>
+      <div class="tcm-icon"><img :src="`/icon/material/${item.id}.webp`" alt="icon" /></div>
       <div class="tcm-star" v-if="item.star !== 0">
-        <img :src="item.starIcon" alt="element" />
+        <img :src="`/icon/star/${item.star}.webp`" alt="element" />
       </div>
     </div>
     <div class="tcm-right">{{ item.name }}</div>

src/components/pageHome/ph-calendar-overlay.vue

@@ -51,16 +51,18 @@ const visible = computed<boolean>({
   set: (v) => emits("update:modelValue", v),
 });
 const boxData = computed<TItemBoxData>(() => ({
-  bg: props.dataVal.bg,
-  icon: props.dataVal.icon,
+  bg: `/icon/bg/${props.dataVal.star}-Star.webp`,
+  icon: `/WIKI/${props.dataType}/${props.dataVal.id}.webp`,
   size: "100px",
   height: "100px",
   display: "inner",
   clickable: false,
-  lt: props.dataType === "character" ? (props.dataVal.elementIcon ?? "") : props.dataVal.weaponIcon,
+  lt: props.dataVal.element
+    ? `/icon/element/${props.dataVal.element}元素.webp`
+    : `/icon/weapon/${props.dataVal.weapon}.webp`,
   ltSize: "20px",
   innerHeight: 25,
-  innerIcon: props.dataType === "character" ? props.dataVal.weaponIcon : undefined,
+  innerIcon: props.dataVal.element ? `/icon/weapon/${props.dataVal.weapon}.webp` : undefined,
   innerText: props.dataVal.name,
 }));
 

src/components/pageHome/ph-comp-calendar.vue

@@ -99,16 +99,18 @@ function selectItem(item: TGApp.App.Calendar.Item): void {
 
 function getBoxData(item: TGApp.App.Calendar.Item): TItemBoxData {
   return {
-    bg: item.bg,
-    icon: item.icon,
+    bg: `/icon/bg/${item.star}-Star.webp`,
+    icon: `/WIKI/${item.itemType}/${item.id}.webp`,
     size: "100px",
     height: "100px",
     display: "inner",
     clickable: true,
-    lt: selectedType.value === "weapon" ? item.weaponIcon : (item.elementIcon ?? ""),
+    lt: item.element
+      ? `/icon/element/${item.element}元素.webp`
+      : `/icon/weapon/${item.weapon}.webp`,
     ltSize: "20px",
     innerHeight: 25,
-    innerIcon: selectedType.value === "character" ? item.weaponIcon : undefined,
+    innerIcon: item.element ? `/icon/weapon/${item.weapon}.webp` : undefined,
     innerText: item.name,
   };
 }