feat(projects): 布局调整

src/plugins/index.ts

@@ -1,5 +1,4 @@
 import setupSmoothScroll from './smooth-scroll';
 import setupNaive from './naive';
-import NProgress from './nprogress';
 
-export { setupSmoothScroll, setupNaive, NProgress };
+export { setupSmoothScroll, setupNaive };

src/plugins/naive.ts

@@ -1,9 +1,30 @@
-import { create, NSpace, NButton, NDatePicker, NInput } from 'naive-ui';
+import {
+  create,
+  NLayout,
+  NLayoutSider,
+  NLayoutHeader,
+  NLayoutContent,
+  NLayoutFooter,
+  NSpace,
+  NButton,
+  NDatePicker,
+  NInput
+} from 'naive-ui';
 import type { App } from 'vue';
 
 export default function setupNaive(app: App) {
   const naive = create({
-    components: [NSpace, NButton, NDatePicker, NInput]
+    components: [
+      NLayout,
+      NLayoutSider,
+      NLayoutHeader,
+      NLayoutContent,
+      NLayoutFooter,
+      NSpace,
+      NButton,
+      NDatePicker,
+      NInput
+    ]
   });
   app.use(naive);
 }

src/plugins/nprogress.ts

@@ -1,10 +0,0 @@
-import NProgress from 'nprogress'; // 顶部进度条
-import '../styles/css/nprogress.css';
-
-NProgress.configure({
-  easing: 'ease',
-  speed: 500,
-  trickleSpeed: 200,
-  showSpinner: false
-});
-export default NProgress;