From f85f1136c588dfab4f9ffaf48f9173c9a65f0fb9 Mon Sep 17 00:00:00 2001
From: chenminjie <943130926@qq.com>
Date: Mon, 2 Dec 2024 19:27:37 +0800
Subject: [PATCH] fix: update content height calculation and improve rendering
 logic in page component

---
 packages/effects/common-ui/src/components/page/page.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/effects/common-ui/src/components/page/page.vue b/packages/effects/common-ui/src/components/page/page.vue
index 053334482..d227288b7 100644
--- a/packages/effects/common-ui/src/components/page/page.vue
+++ b/packages/effects/common-ui/src/components/page/page.vue
@@ -48,7 +48,7 @@ async function calcContentHeight() {
     return;
   }
   await nextTick();
-  const { getLayoutFooterHeight } = useLayoutFooterStyle();
+  const { getLayoutFooterHeight } = await useLayoutFooterStyle();
   headerHeight.value = headerRef.value?.offsetHeight || 0;
   footerHeight.value = getLayoutFooterHeight() || 0;
   setTimeout(() => {
@@ -91,7 +91,12 @@ onMounted(() => {
       </div>
     </div>
 
-    <div :class="contentClass" :style="contentStyle" class="h-full p-4">
+    <div
+      v-if="shouldAutoHeight"
+      :class="contentClass"
+      :style="contentStyle"
+      class="h-full p-4"
+    >
       <slot></slot>
     </div>