From 0181f614e11d42271cbfe15a738bc887b6fcc372 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sun, 25 May 2025 19:50:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=BA=20SiteCard=20=E5=92=8C=20SubscribeCar?=
 =?UTF-8?q?d=20=E7=BB=84=E4=BB=B6=E6=B7=BB=E5=8A=A0=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E5=99=A8=E5=AE=BD=E5=BA=A6=E9=80=BB=E8=BE=91=EF=BC=8C=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E5=9B=BE=E6=A0=87=E7=9A=84=E9=BC=A0=E6=A0=87=E7=A7=BB?=
 =?UTF-8?q?=E5=8A=A8=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cards/SiteCard.vue      |  6 +++++-
 src/components/cards/SubscribeCard.vue | 10 +++++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/cards/SiteCard.vue b/src/components/cards/SiteCard.vue
index e3b38227..9d72121a 100644
--- a/src/components/cards/SiteCard.vue
+++ b/src/components/cards/SiteCard.vue
@@ -12,6 +12,10 @@ import type { Site, SiteStatistic, SiteUserData } from '@/api/types'
 import { isNullOrEmptyObject } from '@/@core/utils'
 import { formatFileSize } from '@/@core/utils/formatters'
 import { useConfirm } from '@/composables/useConfirm'
+import { useDisplay } from 'vuetify'
+
+// 显示器宽度
+const display = useDisplay()
 
 // 国际化
 const { t } = useI18n()
@@ -224,7 +228,7 @@ onMounted(() => {
         <!-- 顶部：图标和站点名称 -->
         <div class="flex items-center mb-1">
           <!-- 站点图标 -->
-          <VAvatar tile rounded="lg" size="32" class="me-2 cursor-move">
+          <VAvatar tile rounded="lg" size="32" class="me-2" :class="{ 'cursor-move': display.mdAndUp.value }">
             <VImg :src="siteIcon" class="w-full h-full" :alt="cardProps.site?.name" cover>
               <template #placeholder>
                 <div class="w-full h-full">
diff --git a/src/components/cards/SubscribeCard.vue b/src/components/cards/SubscribeCard.vue
index d0a44043..23eacbd9 100644
--- a/src/components/cards/SubscribeCard.vue
+++ b/src/components/cards/SubscribeCard.vue
@@ -9,6 +9,10 @@ import api from '@/api'
 import type { Subscribe } from '@/api/types'
 import router from '@/router'
 import { useI18n } from 'vue-i18n'
+import { useDisplay } from 'vuetify'
+
+// 显示器宽度
+const display = useDisplay()
 
 // 国际化
 const { t } = useI18n()
@@ -348,7 +352,11 @@ function onSubscribeEditRemove() {
             </template>
             <div>
               <VCardText class="flex items-center pt-3 pb-2">
-                <div class="h-auto w-14 flex-shrink-0 overflow-hidden rounded-md cursor-move" v-if="imageLoaded">
+                <div
+                  class="h-auto w-14 flex-shrink-0 overflow-hidden rounded-md"
+                  v-if="imageLoaded"
+                  :class="{ 'cursor-move': display.mdAndUp.value }"
+                >
                   <VImg :src="posterUrl" aspect-ratio="2/3" cover>
                     <template #placeholder>
                       <div class="w-full h-full">