From b0f5c2a493d5b37b7d7a132850c6db38f0fdcacc Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Tue, 7 May 2024 12:34:30 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E6=98=BE=E7=A4=BA=E6=B5=81?=
 =?UTF-8?q?=E8=A1=8C=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cards/MediaCard.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/cards/MediaCard.vue b/src/components/cards/MediaCard.vue
index 77b2acbe..47a171c3 100644
--- a/src/components/cards/MediaCard.vue
+++ b/src/components/cards/MediaCard.vue
@@ -460,7 +460,17 @@ function getYear(airDate: string) {
           </p>
           <div class="flex align-center justify-between">
             <IconBtn icon="mdi-magnify" color="white" @click.stop="handleSearch" />
-            <IconBtn icon="mdi-heart" :color="isSubscribed ? 'error' : 'white'" @click.stop="handleSubscribe" />
+            <VTooltip v-if="props.media?.popularity" :text="'流行度：' + props.media?.popularity?.toString()">
+              <template #activator="{ props }">
+                <IconBtn
+                  v-bind="props"
+                  icon="mdi-heart"
+                  :color="isSubscribed ? 'error' : 'white'"
+                  @click.stop="handleSubscribe"
+                />
+              </template>
+            </VTooltip>
+            <IconBtn v-else icon="mdi-heart" :color="isSubscribed ? 'error' : 'white'" @click.stop="handleSubscribe" />
           </div>
         </VCardText>
         <VAvatar