主页框架

2026-02-02 14:12:23 +08:00
parent 721cf2066a
commit 6f8091a5c5
5 changed files with 120 additions and 12 deletions
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -0,0 +1,45 @@
+<template>
+	<div class="home">
+		<div class="left-nav"></div>
+		<div class="right-main">
+			<div class="top-nav"></div>
+			<div class="bottom-view"><router-view></router-view></div>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+	import { computed } from 'vue'
+	import { useGlobalStore } from '@/stores'
+	const globalStore = useGlobalStore()
+	const loading = computed(() => globalStore.state.loading)
+</script>
+
+<style lang="less" scoped>
+	.home {
+		width: 100%;
+		height: 100%;
+		overflow: hidden;
+		display: flex;
+		> .left-nav {
+			width: 29.5rem;
+			height: 100%;
+			background-color: #a12828;
+		}
+		> .right-main {
+			flex: 1;
+			display: flex;
+			flex-direction: column;
+			> .top-nav {
+				height: 8rem;
+				background-color: #ea5050;
+			}
+			> .bottom-view {
+				flex: 1;
+				background-color: #fff;
+				overflow: hidden;
+				display: flex;
+			}
+		}
+	}
+</style>