主页框架更新

src/views/home/index.vue

@@ -1,8 +1,8 @@
 <template>
 	<div class="home">
-		<div class="left-nav"></div>
+		<left-nav />
 		<div class="right-main">
-			<div class="top-nav"></div>
+			<top-nav />
 			<div class="bottom-view"><router-view></router-view></div>
 		</div>
 	</div>
@@ -10,6 +10,8 @@
 
 <script setup lang="ts">
 	import { computed } from 'vue'
+	import LeftNav from './left-nav.vue'
+	import TopNav from './top-nav.vue'
 	import { useGlobalStore } from '@/stores'
 	const globalStore = useGlobalStore()
 	const loading = computed(() => globalStore.state.loading)
@@ -21,22 +23,17 @@
 		height: 100%;
 		overflow: hidden;
 		display: flex;
-		> .left-nav {
-			width: 29.5rem;
-			height: 100%;
-			background-color: #a12828;
-		}
+		background-color: rgba(248, 247, 245, 1);
+		background-image: url('@/assets/images/home-bg.png');
+		background-size: 100% 100%;
+		user-select: none;
 		> .right-main {
 			flex: 1;
 			display: flex;
 			flex-direction: column;
-			> .top-nav {
-				height: 8rem;
-				background-color: #ea5050;
-			}
 			> .bottom-view {
 				flex: 1;
-				background-color: #fff;
+				// background-color: #fff;
 				overflow: hidden;
 				display: flex;
 			}