恢复修改的数据

src/layout/index.vue

@@ -1,15 +1,25 @@
 <script setup lang="ts">
+import { computed } from 'vue'
+import { useRoute } from 'vue-router'
 import { AppFooter, AppHeader } from '@/components'
 import FloatingActions from './components/FloatingActions.vue'
+
+const route = useRoute()
+
+/** 公共底栏只在首页展示（首页路由 meta.footer = true），其余页面不渲染 */
+const showFooter = computed(() => route.meta.footer === true)
 </script>
 
 <template>
   <div class="layout">
     <AppHeader />
-    <main class="layout__main">
+    <main
+      class="layout__main"
+      :class="{ 'layout__main--full': !showFooter }"
+    >
       <router-view />
     </main>
-    <AppFooter />
+    <AppFooter v-if="showFooter" />
     <FloatingActions />
   </div>
 </template>
@@ -18,6 +28,11 @@ import FloatingActions from './components/FloatingActions.vue'
 .layout {
   .layout__main {
     min-height: calc(100vh - @header-height - @footer-height);
+
+    // 无底栏的页面：底栏不渲染，这里把它的占位高度还给内容区，避免页面底部空出一屏
+    &--full {
+      min-height: calc(100vh - @header-height);
+    }
   }
 }
 </style>