完善表格高度问题

2026-04-29 15:00:20 +08:00
parent 49867ae30d
commit 4ae16a1add
2 changed files with 25 additions and 1 deletions
@@ -29,7 +29,11 @@
      ></div>
    </n-layout-sider>

-    <n-layout class="app-main" :class="{ 'app-main-fullscreen': isFullscreen }">
+    <n-layout
+      class="app-main"
+      :class="{ 'app-main-fullscreen': isFullscreen }"
+      content-style="display:flex;flex-direction:column;height:100%;min-height:0;"
+    >
      <header v-if="!isFullscreen" class="app-header">
        <div class="header-main">
          <n-button
@@ -264,9 +268,16 @@ async function handleLogout() {
 .content-scroll {
  height: 100%;
  min-height: 0;
+  display: flex;
+  flex-direction: column;
  overflow: hidden;
 }

+.content-scroll > * {
+  flex: 1 1 auto;
+  min-height: 0;
+}
+
 .app-backdrop {
  background: #f5f7fb;
 }