fix(@vben/common-ui): add page footer's height to calc contentstyle (#6422)

aha-weikai · web-flow · commit 1f63aed64c27 · 2025-07-03T18:36:42.000+08:00
diff --git a/packages/effects/common-ui/src/components/page/page.vue b/packages/effects/common-ui/src/components/page/page.vue
@@ -25,7 +25,7 @@ const footerRef = useTemplateRef<HTMLDivElement>('footerRef');
 const contentStyle = computed<StyleValue>(() => {
   if (autoContentHeight) {
     return {
-      height: `calc(var(${CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT}) - ${headerHeight.value}px - ${typeof heightOffset === 'number' ? `${heightOffset}px` : heightOffset})`,
+      height: `calc(var(${CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT}) - ${headerHeight.value}px - ${typeof heightOffset === 'number' ? `${heightOffset}px` : heightOffset}) - ${footerHeight.value}px`,
       overflowY: shouldAutoHeight.value ? 'auto' : 'unset',
     };
   }

Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@ const footerRef = useTemplateRef<HTMLDivElement>('footerRef');`
`25`	`25`	`const contentStyle = computed<StyleValue>(() => {`
`26`	`26`	`if (autoContentHeight) {`
`27`	`27`	`return {`
`28`		- height: `calc(var(${CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT}) - ${headerHeight.value}px - ${typeof heightOffset === 'number' ? `${heightOffset}px` : heightOffset})`,
	`28`	+ height: `calc(var(${CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT}) - ${headerHeight.value}px - ${typeof heightOffset === 'number' ? `${heightOffset}px` : heightOffset}) - ${footerHeight.value}px`,
`29`	`29`	`overflowY: shouldAutoHeight.value ? 'auto' : 'unset',`
`30`	`30`	`};`
`31`	`31`	`}`