💄 调整0数据处理&样式

src/components/hutaoAbyss/hta-overlay-overview.vue

@@ -69,6 +69,8 @@ const props = defineProps<HtaOverlayOverviewProps>();
 const visible = defineModel<boolean>();
 const loadShare = ref<boolean>(false);
 
+console.log(props.data);
+
 async function share(): Promise<void> {
   loadShare.value = true;
   const shareEl = document.querySelector<HTMLElement>(".hta-oo-box");
@@ -101,6 +103,9 @@ async function share(): Promise<void> {
   position: absolute;
   top: 8px;
   right: 8px;
+  background: var(--box-bg-2);
+  color: var(--box-text-2);
+  font-size: 8px;
 }
 
 .hta-oob-title {

src/components/hutaoAbyss/hta-overview-line.vue

@@ -2,22 +2,27 @@
   <div class="hta-ol-container">
     <div class="hta-ol-title">{{ props.label }}</div>
     <div class="hta-ol-val">
-      <div class="hta-olv-cur">{{ getNumStr(props.cur) }}</div>
+      <div class="hta-olv-cur">{{ getNumStr(localCur) }}</div>
       <div
         v-if="props.showDiff"
+        :class="{ 'hta-olv-up': localCur > localLast, 'hta-olv-down': localCur < localLast }"
+        :title="`上期数据：${getNumStr(localLast)}`"
         class="hta-olv-diff"
-        :title="`上期数据：${getNumStr(props.last)}`"
-        :class="{ 'hta-olv-up': props.cur > props.last, 'hta-olv-down': props.cur < props.last }"
       >
-        {{ getDiff(props.cur, props.last) }}
+        {{ getDiff(localCur, localLast) }}
       </div>
     </div>
   </div>
 </template>
 <script lang="ts" setup>
+import { computed } from "vue";
+
 type HtaOverviewLineProps = { label: string; cur: number; last: number; showDiff?: boolean };
 const props = withDefaults(defineProps<HtaOverviewLineProps>(), { showDiff: true });
 
+const localCur = computed<number>(() => (isNaN(props.cur) ? 0 : props.cur));
+const localLast = computed<number>(() => (isNaN(props.last) ? 0 : props.last));
+
 function getNumStr(num: number): string {
   if (Number.isInteger(num)) return num.toString();
   return num.toFixed(2);