From 8b53cd0a09335c6b73013a2b0d57a5f0f374308a Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sun, 13 Apr 2025 09:42:58 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=BA=E5=A4=9A=E4=B8=AA=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E7=9A=84=20VMenu=20=E6=B7=BB=E5=8A=A0=20scrim=20?=
 =?UTF-8?q?=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/@core/components/ThemeSwitcher.vue      | 4 ++--
 src/layouts/components/Footer.vue           | 4 ++--
 src/layouts/components/ShortcutBar.vue      | 3 ++-
 src/layouts/components/UserNotification.vue | 4 ++--
 src/layouts/components/UserProfile.vue      | 4 ++--
 5 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/@core/components/ThemeSwitcher.vue b/src/@core/components/ThemeSwitcher.vue
index 310517b4..7f893884 100644
--- a/src/@core/components/ThemeSwitcher.vue
+++ b/src/@core/components/ThemeSwitcher.vue
@@ -189,13 +189,13 @@ onMounted(() => {
 </script>
 
 <template>
-  <VMenu v-if="props.themes" class="theme-menu">
+  <VMenu v-if="props.themes" class="theme-menu" scrim>
     <template v-slot:activator="{ props }">
       <IconBtn v-bind="props">
         <VIcon :icon="getThemeIcon" />
       </IconBtn>
     </template>
-    <VList class="theme-switcher-list pt-0 border">
+    <VList class="theme-switcher-list pt-0">
       <VCardItem class="theme-switcher-header">
         <VCardTitle class="font-weight-medium text-primary">主题选择</VCardTitle>
       </VCardItem>
diff --git a/src/layouts/components/Footer.vue b/src/layouts/components/Footer.vue
index b7780f66..1177e07e 100644
--- a/src/layouts/components/Footer.vue
+++ b/src/layouts/components/Footer.vue
@@ -60,8 +60,8 @@ const currentPath = computed(() => route.path)
           :icon="moreMenuDialog ? 'mdi-close' : 'mdi-dots-horizontal'"
           :color="moreActiveState ? 'primary' : ''"
         />
-        <VMenu v-model="moreMenuDialog" close-on-content-click activator="parent">
-          <VList class="font-bold border" lines="one">
+        <VMenu v-model="moreMenuDialog" close-on-content-click activator="parent" scrim>
+          <VList class="font-bold" lines="one">
             <VListSubheader class="bg-transparent"> 更多 </VListSubheader>
             <VListItem
               class="pe-20 ps-5"
diff --git a/src/layouts/components/ShortcutBar.vue b/src/layouts/components/ShortcutBar.vue
index 6b665dee..69bc970d 100644
--- a/src/layouts/components/ShortcutBar.vue
+++ b/src/layouts/components/ShortcutBar.vue
@@ -113,6 +113,7 @@ onMounted(() => {
     transition="scale-transition"
     close-on-content-click
     close-on-back
+    scrim
   >
     <!-- Menu Activator -->
     <template #activator="{ props }">
@@ -121,7 +122,7 @@ onMounted(() => {
       </IconBtn>
     </template>
     <!-- Menu Content -->
-    <VCard class="shortcut-menu-card border">
+    <VCard class="shortcut-menu-card">
       <VCardItem class="shortcut-header border-b">
         <VCardTitle class="font-weight-medium text-primary">捷径</VCardTitle>
         <template #append>
diff --git a/src/layouts/components/UserNotification.vue b/src/layouts/components/UserNotification.vue
index 0dcd60b8..79b4a0ae 100644
--- a/src/layouts/components/UserNotification.vue
+++ b/src/layouts/components/UserNotification.vue
@@ -41,7 +41,7 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <VMenu v-model="appsMenu" width="400" transition="scale-transition" close-on-content-click class="notification-menu">
+  <VMenu v-model="appsMenu" width="400" transition="scale-transition" close-on-content-click class="notification-menu" scrim>
     <!-- Menu Activator -->
     <template #activator="{ props }">
       <VBadge v-if="hasNewMessage" dot color="error" :offset-x="5" :offset-y="5" v-bind="props">
@@ -54,7 +54,7 @@ onBeforeUnmount(() => {
       </IconBtn>
     </template>
     <!-- Menu Content -->
-    <VCard class="border">
+    <VCard>
       <VCardItem class="notification-header">
         <VCardTitle class="font-weight-medium text-primary">通知中心</VCardTitle>
         <template #append>
diff --git a/src/layouts/components/UserProfile.vue b/src/layouts/components/UserProfile.vue
index 54aa7a33..0938bc71 100644
--- a/src/layouts/components/UserProfile.vue
+++ b/src/layouts/components/UserProfile.vue
@@ -85,8 +85,8 @@ const userLevel = computed(() => userStore.level)
   <VAvatar class="cursor-pointer ms-3" color="primary" variant="tonal">
     <VImg :src="avatar" />
 
-    <VMenu activator="parent" width="230" location="bottom end" offset="14px" class="user-menu">
-      <VList class="overflow-hidden pt-0 border">
+    <VMenu activator="parent" width="230" location="bottom end" offset="14px" class="user-menu" scrim>
+      <VList class="overflow-hidden pt-0">
         <!-- 👉 User Avatar & Name -->
         <div class="user-profile-header px-2 py-4 mb-2">
           <div class="d-flex align-center">