更新首页

app/layouts/default.vue

@@ -5,25 +5,33 @@
       <a-spin size="large" />
     </div>
     <a-layout class="min-h-screen layout-shell">
-      <SiteHeader />
+      <PortalHeader v-if="!hideLayoutHeader" />
       <a-layout-content class="content">
         <slot />
       </a-layout-content>
-      <SiteFooter />
+      <PortalFooter v-if="usePortalFooter" />
+      <SiteFooter v-else />
     </a-layout>
   </div>
 </template>
 
 <script setup lang="ts">
+import PortalHeader from '@/components/PortalHeader.vue'
+import PortalFooter from '@/components/PortalFooter.vue'
 import SiteFooter from '@/components/SiteFooter.vue'
-import SiteHeader from '@/components/SiteHeader.vue'
 import { nextTick } from 'vue'
 
 const nuxtApp = useNuxtApp()
+const route = useRoute()
 const bootstrapping = ref(true)
 const navigating = ref(false)
+const portalFooterRoutePrefixes = ['/news', '/reference', '/consultation', '/expert', '/think-tank', '/hanmo', '/about']
 
 const spinning = computed(() => bootstrapping.value || navigating.value)
+const hideLayoutHeader = computed(() => route.meta?.hideLayoutHeader === true)
+const usePortalFooter = computed(() => {
+  return portalFooterRoutePrefixes.some((prefix) => route.path === prefix || route.path.startsWith(`${prefix}/`))
+})
 
 if (import.meta.client) {
   nuxtApp.hooks.hook('page:start', () => {