From 8b1805628e3d38678fc0d20c835d75305198aea3 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sat, 24 May 2025 17:36:32 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=BA=20PluginFolderCard=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E6=B7=BB=E5=8A=A0=E8=83=8C=E6=99=AF=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E8=AE=A1=E7=AE=97=E9=80=BB=E8=BE=91=E5=92=8C=E8=83=8C=E6=99=AF?=
 =?UTF-8?q?=E9=81=AE=E7=BD=A9=E6=A0=B7=E5=BC=8F=EF=BC=8C=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E8=83=8C=E6=99=AF=E6=98=BE=E7=A4=BA=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cards/PluginFolderCard.vue | 24 ++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/components/cards/PluginFolderCard.vue b/src/components/cards/PluginFolderCard.vue
index b7d5a239..f47f1cf7 100644
--- a/src/components/cards/PluginFolderCard.vue
+++ b/src/components/cards/PluginFolderCard.vue
@@ -71,6 +71,11 @@ const folderSettings = ref<FolderConfig>({
   showIcon: true,
 })
 
+// 计算背景图片
+const backgroundImage = computed(() => {
+  return props.folderConfig.background || folderSettings.value.background
+})
+
 // 预设图标选项
 const iconOptions = [
   'mdi-folder',
@@ -277,12 +282,15 @@ const dropdownItems = ref([
             'plugin-folder-card--hover': hover.isHovering,
           }"
         >
-          <template v-if="props.folderConfig.background || folderSettings.background" #image>
-            <VImg :src="props.folderConfig.background || folderSettings.background" cover position="top"> </VImg>
+          <template v-if="backgroundImage" #image>
+            <VImg :src="backgroundImage" cover position="top"> </VImg>
           </template>
 
+          <!-- 背景遮罩（当有背景图片时） -->
+          <div v-if="backgroundImage" class="plugin-folder-card__overlay" />
+
           <!-- 背景渐变层 -->
-          <div class="plugin-folder-card__bg" :style="{ background: backgroundGradient }" />
+          <div v-else class="plugin-folder-card__bg" :style="{ background: backgroundGradient }" />
 
           <!-- 卡片内容 -->
           <div class="plugin-folder-card__content">
@@ -480,6 +488,16 @@ const dropdownItems = ref([
     outline: none;
   }
 
+  &__overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 1;
+    background: rgba(0, 0, 0, 0.6);
+  }
+
   &__content {
     position: relative;
     z-index: 2;