From 587393c3d1be6108c7ccf79e2832aface4ef6805 Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Wed, 31 Dec 2025 15:31:51 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E8=B0=83=E6=95=B40=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E5=A4=84=E7=90=86&=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/hutaoAbyss/hta-overlay-overview.vue |  5 +++++
 src/components/hutaoAbyss/hta-overview-line.vue    | 13 +++++++++----
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/components/hutaoAbyss/hta-overlay-overview.vue b/src/components/hutaoAbyss/hta-overlay-overview.vue
index 363d7e1f..2619805a 100644
--- a/src/components/hutaoAbyss/hta-overlay-overview.vue
+++ b/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 {
diff --git a/src/components/hutaoAbyss/hta-overview-line.vue b/src/components/hutaoAbyss/hta-overview-line.vue
index be1ff2ea..f268c922 100644
--- a/src/components/hutaoAbyss/hta-overview-line.vue
+++ b/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);