From f862a3d8a10d5e13b9e6cd8d36a38fb37b8f4685 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Fri, 18 Apr 2025 17:50:01 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=20TorrentItem=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=EF=BC=8C=E6=B7=BB=E5=8A=A0=E4=BC=98=E6=83=A0=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=E7=9A=84=E7=BB=9D=E5=AF=B9=E5=AE=9A=E4=BD=8D=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=EF=BC=8C=E6=94=B9=E8=BF=9B=E7=94=A8=E6=88=B7=E4=BD=93?=
 =?UTF-8?q?=E9=AA=8C=E3=80=82=E7=A7=BB=E9=99=A4=E6=97=A7=E7=9A=84=E4=BC=98?=
 =?UTF-8?q?=E6=83=A0=E6=A0=87=E7=AD=BE=E7=BB=84=E4=BB=B6=EF=BC=8C=E7=AE=80?=
 =?UTF-8?q?=E5=8C=96=E7=BB=93=E6=9E=84=EF=BC=8C=E6=8F=90=E5=8D=87=E8=A7=86?=
 =?UTF-8?q?=E8=A7=89=E6=95=88=E6=9E=9C=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cards/TorrentItem.vue | 36 +++++++++++++++++++---------
 1 file changed, 25 insertions(+), 11 deletions(-)

diff --git a/src/components/cards/TorrentItem.vue b/src/components/cards/TorrentItem.vue
index 72d6a512..8894d811 100644
--- a/src/components/cards/TorrentItem.vue
+++ b/src/components/cards/TorrentItem.vue
@@ -107,10 +107,19 @@ onMounted(() => {
   <div class="w-100">
     <VListItem
       :value="props.torrent?.torrent_info?.enclosure"
-      class="pa-3 mb-2 rounded torrent-item transition-all duration-300 hover:-translate-y-1"
+      class="pa-3 mb-2 rounded torrent-item transition-all duration-300 hover:-translate-y-1 overflow-hidden"
       :class="{ 'border-start border-success border-3 opacity-85': downloaded.includes(torrent?.enclosure || '') }"
       @click="handleAddDownload"
     >
+      <!-- 优惠标签 -->
+      <div
+        v-if="torrent?.downloadvolumefactor !== 1 || torrent?.uploadvolumefactor !== 1"
+        class="discount-banner text-white px-2 py-1 text-sm font-weight-bold rounded-bl-lg"
+        :class="getPromotionClass(torrent?.downloadvolumefactor, torrent?.uploadvolumefactor)"
+      >
+        {{ torrent?.volume_factor }}
+      </div>
+
       <template v-slot:prepend>
         <div class="d-flex align-center">
           <img v-if="siteIcon" :src="siteIcon" :alt="torrent?.site_name" class="rounded mr-2" width="32" height="32" />
@@ -118,16 +127,6 @@ onMounted(() => {
             {{ torrent?.site_name?.substring(0, 1) }}
           </VAvatar>
           <div class="font-weight-bold text-body-2 d-none d-sm-block">{{ torrent?.site_name }}</div>
-
-          <VChip
-            v-if="torrent?.downloadvolumefactor !== 1 || torrent?.uploadvolumefactor !== 1"
-            :class="getPromotionChipClass(torrent?.downloadvolumefactor, torrent?.uploadvolumefactor)"
-            size="x-small"
-            variant="elevated"
-            class="rounded-sm ml-1"
-          >
-            {{ torrent?.volume_factor }}
-          </VChip>
         </div>
       </template>
 
@@ -230,6 +229,21 @@ onMounted(() => {
 </template>
 
 <style scoped>
+.discount-banner {
+  position: absolute;
+  z-index: 3;
+  inset-block-start: 0;
+  inset-inline-end: 0;
+}
+
+.torrent-item {
+  border: 1px solid transparent;
+}
+
+.torrent-item:hover {
+  border-color: rgba(var(--v-theme-primary), 0.3);
+}
+
 .chip-season {
   background-color: #3f51b5;
   color: white;