后台界面独立

2026-05-22 17:09:31 +08:00
parent 3f5f18b43e
commit 6edee641fb
8 changed files with 274 additions and 28 deletions
@@ -1,11 +1,21 @@
 <script setup lang="ts">
 import { RouterView } from 'vue-router'
+import { computed } from 'vue'
+import { useRoute } from 'vue-router'

+import AdminLayout from './layouts/AdminLayout.vue'
 import AppLayout from './layouts/AppLayout.vue'
+
+const route = useRoute()
+const layout = computed(() => route.meta.layout || 'app')
 </script>

 <template>
-  <AppLayout>
+  <AdminLayout v-if="layout === 'admin'">
+    <RouterView />
+  </AdminLayout>
+  <RouterView v-else-if="layout === 'blank'" />
+  <AppLayout v-else>
    <RouterView />
  </AppLayout>
 </template>