feat: update

src/layoput/index.vue → src/layout/index.vue

@@ -10,30 +10,27 @@
         :collapsed-width="0"
         show-trigger="bar"
         :native-scrollbar="false"
-        :bordered="false"
         content-style="height: 100%"
         class="h-full"
       >
-        <h2>冷链验证报告生成系统</h2>
+        <h2 class="text-center leading-[60px]">冷链验证报告生成系统</h2>
         <MenuComponent />
       </n-layout-sider>
     </n-config-provider>
     <n-layout>
-      <n-layout-header>
-        <n-space justify="end">
+      <n-layout-header class="h-16 px-6">
+        <n-space justify="end" align="center" class="h-full">
           <n-dropdown trigger="hover" :options="options">
-            <div class="leading-[60px] cursor-pointer hover:bg-[#f6f6f6] px-3">
-              <span>用户名</span>
-            </div>
+            <span class="cursor-pointer"> 用户名 </span>
           </n-dropdown>
         </n-space>
       </n-layout-header>
       <n-layout-content
-        style="height: calc(100vh - 64px)"
-        content-style="padding: 24px; height: 100%"
+        style="height: calc(100vh - 60px)"
+        content-style="padding: 24px; height: 100%; background-color: #f5f7f9"
         :native-scrollbar="false"
       >
-        <n-card class="h-full">
+        <n-card :bordered="false" class="h-full">
           <RouterView />
         </n-card>
       </n-layout-content>
@@ -42,7 +39,7 @@
 </template>
 
 <script setup>
-import MenuComponent from "@/layoput/components/menu/index.vue";
+import MenuComponent from "@/layout/components/menu/index.vue";
 import { darkTheme } from "naive-ui";
 
 const options = [
@@ -66,9 +63,4 @@ const options = [
 ];
 </script>
 
-<style scoped>
-h2 {
-  text-align: center;
-  line-height: 64px;
-}
-</style>
+<style scoped></style>

src/router/index.js

@@ -1,5 +1,5 @@
 import { createRouter, createWebHistory } from "vue-router";
-import LayoutView from "../layoput/index.vue";
+import LayoutView from "../layout/index.vue";
 import LoginView from "../login/index.vue";
 
 const router = createRouter({