From e1ae0a125177a52e6be09c6db20dc3c6f1b81c6e Mon Sep 17 00:00:00 2001
From: Hooray <304327508@qq.com>
Date: Sat, 27 Jun 2026 15:32:23 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=20FaPageMain=20?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/components/src/basic/page-main/index.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/components/src/basic/page-main/index.vue b/packages/components/src/basic/page-main/index.vue
index 9c92a37c..4c8f3cda 100755
--- a/packages/components/src/basic/page-main/index.vue
+++ b/packages/components/src/basic/page-main/index.vue
@@ -38,7 +38,7 @@ function handleCollaspe() {
 
 <template>
   <div
-    :class="cn('m-4 flex flex-col overflow-hidden rounded-lg border transition-[background-color,border-color]', {
+    :class="cn('m-4 flex flex-col overflow-hidden rounded-lg border bg-card transition-[background-color,border-color]', {
       'overflow-hidden': collaspe,
     }, props.class)"
   >
@@ -48,17 +48,17 @@ function handleCollaspe() {
       </slot>
     </div>
     <div
-      :class="cn('group/pagemain relative h-[calc-size(auto,size)] bg-card p-4 rounded-lg transition-height after:(pointer-events-none absolute bottom-0 left-0 z-1 h-12 max-h-full w-full from-transparent to-[oklch(var(--card))] bg-gradient-to-b opacity-0 transition-opacity content-empty)', {
+      :class="cn('group/pagemain relative h-[calc-size(auto,size)] bg-inherit p-4 rounded-lg transition-height', {
         'border-t': !!slots.title || title,
         'overflow-hidden': collaspe,
-        'after:(opacity-100)': isCollaspe,
+        'mask-b-from-12': isCollaspe,
       }, props.mainClass)" :style="{
         height: isCollaspe ? height : '',
       }"
     >
       <slot />
       <Button v-if="collaspe" variant="link" size="icon" class="opacity-0 transition-all inset-b-0 inset-s-1/2 absolute group-hover/pagemain:opacity-100 -translate-x-1/2" :class="{ 'rotate-x-180': !isCollaspe }" @click="handleCollaspe">
-        <Icon name="i-ep:arrow-down" class="text-xl" />
+        <Icon name="i-material-symbols:arrow-drop-down-rounded" class="text-xl" />
       </Button>
     </div>
   </div>