feat: 首页架构

src/views/project/index.vue

@@ -1,9 +1,35 @@
 <template>
-  <div>
-    <h1>首页</h1>
+  <div class="go-project">
+    <n-layout has-sider position="absolute">
+      <n-space vertical>
+        <Sider />
+      </n-space>
+      <n-layout>
+        <Header />
+        <n-layout
+          class="content-top"
+          position="absolute"
+          :native-scrollbar="false"
+        >
+          <n-layout-content>
+            <router-view></router-view>
+          </n-layout-content>
+        </n-layout>
+      </n-layout>
+    </n-layout>
   </div>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { Sider } from './layout/components/Sider'
+import { Header } from './layout/components/Header/index'
+</script>
 
-<style scoped></style>
+<style lang="scss" scoped>
+@include go(project) {
+  .content-top {
+    top: $--header-height;
+    margin-top: 1px;
+  }
+}
+</style>