From 3bc70bbf46bef063cb36f2fbd686b7e2149a20a4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Thu, 26 Dec 2024 09:05:30 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20=E8=B0=83=E6=95=B4=E9=93=BE?=
 =?UTF-8?q?=E6=8E=A5=E5=8D=A1=E7=89=87hint?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/viewPost/tp-linkCard.vue | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/viewPost/tp-linkCard.vue b/src/components/viewPost/tp-linkCard.vue
index 820e6078..3831c72c 100644
--- a/src/components/viewPost/tp-linkCard.vue
+++ b/src/components/viewPost/tp-linkCard.vue
@@ -6,20 +6,13 @@
       <div v-if="props.data.insert.link_card.price" class="tp-link-card-price">
         {{ props.data.insert.link_card.price }}
       </div>
-      <div @click="toLink()" class="tp-link-card-btn">
-        {{
-          props.data.insert.link_card.button_text === ""
-            ? "详情"
-            : props.data.insert.link_card.button_text
-        }}
-        >
-      </div>
+      <div @click="toLink()" class="tp-link-card-btn">{{ btnText }} ></div>
     </div>
   </div>
 </template>
 <script lang="ts" setup>
 import showSnackbar from "@comp/func/snackbar.js";
-import { onMounted, onUnmounted, ref, toRaw } from "vue";
+import { computed, onMounted, onUnmounted, ref, toRaw } from "vue";
 import { useRouter } from "vue-router";
 
 import { parseLink, parsePost } from "@/utils/linkParser.js";
@@ -48,6 +41,12 @@ const props = defineProps<TpLinkCardProps>();
 const router = useRouter();
 
 const cover = ref<string>(props.data.insert.link_card.cover);
+const btnText = computed<string>(() => {
+  if (!props.data.insert.link_card.button_text || props.data.insert.link_card.button_text === "") {
+    return "详情";
+  }
+  return props.data.insert.link_card.button_text;
+});
 
 onMounted(async () => {
   if (!cover.value.startsWith("blob:")) {