From 6f8091a5c59d80b6a9678b5e905024ceee6b0436 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=BF=97=E9=B9=8F?= <2916022834@qq.com>
Date: Mon, 2 Feb 2026 14:12:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=BB=E9=A1=B5=E6=A1=86=E6=9E=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.ts       | 39 ++++++++++++++++++++++-----------
 src/views/home/index.vue  | 45 +++++++++++++++++++++++++++++++++++++++
 src/views/home/test.vue   | 22 +++++++++++++++++++
 src/views/login/index.vue | 13 +++++++++++
 src/views/login/login.vue | 13 +++++++++++
 5 files changed, 120 insertions(+), 12 deletions(-)
 create mode 100644 src/views/home/index.vue
 create mode 100644 src/views/home/test.vue
 create mode 100644 src/views/login/index.vue
 create mode 100644 src/views/login/login.vue

diff --git a/src/router/index.ts b/src/router/index.ts
index dba95d0..2d3eb50 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -10,22 +10,37 @@ const router = createRouter({
 	history: createWebHistory('/'),
 	//   history: createWebHistory(import.meta.env.VITE_APP_URL),
 	routes: [
-		// {
-		//   path: '/',
-		//   redirect: '/welcome'
-		// },
-		// {
-		//   path: '/asistant',
-		//   name: 'asistant',
-		//   component: () => import('../views/asistant/index.vue'),
-		//   meta: { cache: true, verify: () => VerifyIDs(2) }
-		// },
-
+		{
+			path: '/',
+			redirect: '/home'
+		},
+		{
+			path: '/',
+			name: 'index',
+			component: () => import('../views/login/index.vue'),
+		},
+		{
+			path: '/login',
+			name: 'login',
+			component: () => import('../views/login/login.vue'),
+		},
+		{
+			path: '/home',
+			name: 'home',
+			component: () => import('../views/home/index.vue'),
+			children: [
+				{
+					path: '',
+					name: 'test',
+					component: () => import('../views/home/test.vue')
+				}
+			]
+		},
 		{
 			path: '/:pathMatch(.*)',
 			name: '404',
 			component: () => import('../views/404.vue'),
-		},
+		}
 	]
 })
 
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
new file mode 100644
index 0000000..533a6cf
--- /dev/null
+++ 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>
diff --git a/src/views/home/test.vue b/src/views/home/test.vue
new file mode 100644
index 0000000..1bf45da
--- /dev/null
+++ b/src/views/home/test.vue
@@ -0,0 +1,22 @@
+<template>
+	<div class="test">
+		<p>老八秘制小汉堡</p>
+	</div>
+</template>
+
+<script setup lang="ts">
+	import { computed } from 'vue'
+</script>
+
+<style lang="less" scoped>
+	.test {
+		flex: 1;
+		margin: 10px;
+		border-radius: 10px;
+		background-color: rgb(242, 130, 90);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 10rem;
+	}
+</style>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
new file mode 100644
index 0000000..35ff681
--- /dev/null
+++ b/src/views/login/index.vue
@@ -0,0 +1,13 @@
+<template>
+	<div class="index"></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>
+</style>
diff --git a/src/views/login/login.vue b/src/views/login/login.vue
new file mode 100644
index 0000000..20d6591
--- /dev/null
+++ b/src/views/login/login.vue
@@ -0,0 +1,13 @@
+<template>
+	<div class="login"></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>
+</style>