diff --git a/public/logo.png b/public/logo.png
new file mode 100644
index 0000000..9653c36
Binary files /dev/null and b/public/logo.png differ
diff --git a/src/components/nav/Navigation1.vue b/src/components/nav/Navigation1.vue
index 5325c43..cd30636 100644
--- a/src/components/nav/Navigation1.vue
+++ b/src/components/nav/Navigation1.vue
@@ -38,8 +38,8 @@
 </template>
 
 <script setup lang="ts">
-import { useRouter } from "vue-router";
 import { getFrontList } from '~/utils/utils'
+import { useRouter } from "vue-router";
 const router = useRouter();
 const activeIndex = ref('1')
 const handleSelect = (key: string, keyPath: string[]) => {
diff --git a/src/layouts/admin.vue b/src/layouts/admin.vue
index 114f722..2b9ba0e 100644
--- a/src/layouts/admin.vue
+++ b/src/layouts/admin.vue
@@ -1,11 +1,164 @@
-
-<!--后台模板-->
 <template>
-
+	<div class="main">
+		<div class="nav_left">
+			<div class="logo">
+				<img src="/logo.png" alt="后台管理系统">
+			</div>
+			<div class="nav_list">
+				<div class="nav_title"><img src="/logo.png" alt="图标">导航管理</div>
+				<div class="rArrl"></div>
+			</div>
+			<div class="nav_li">
+				<ul>
+					<li v-for="r of routes" :key="r.path">
+						<img src="/logo.png" alt="图标"><RouterLink style="width: 100%; height: 45px; line-height: 45px" :to="r.path">{{ te(r.name) ? t(r.name) : r.name }}</RouterLink>
+					</li>
+				</ul>
+			</div>
+			<div class="nav_list">
+				<div class="nav_title"><img src="/logo.png" alt="图标">权限管理</div>
+				<div class="rArrl"></div>
+			</div>
+			<div class="nav_list">
+				<div class="nav_title"><img src="/logo.png" alt="图标">模型设置</div>
+				<div class="rArrl"></div>
+			</div>
+			<div class="nav_list">
+				<div class="nav_title"><img src="/logo.png" alt="图标">内容管理</div>
+				<div class="rArrl"></div>
+			</div>
+			<div class="nav_list">
+				<div class="nav_title"><img src="/logo.png" alt="图标">会员管理</div>
+				<div class="rArrl"></div>
+			</div>
+			<div class="nav_list">
+				<div class="nav_title"><img src="/logo.png" alt="图标">模版管理</div>
+				<div class="rArrl"></div>
+			</div>
+		</div>
+		<div class="nav_right">
+			<Heads />
+			<div class="content">
+				<router-view v-slot="{ Component }">
+					<transition name="fade" mode="out-in">
+						<component :is="Component" />
+					</transition>
+				</router-view>
+			</div>
+		</div>
+	</div>
+	<!--	<Navigation />-->
+	<!--	<div class="w-screen flex flex-col items-center justify-center">-->
+	<!--		<router-view v-slot="{ Component }">-->
+	<!--			<transition name="fade" mode="out-in">-->
+	<!--				<component :is="Component" />-->
+	<!--			</transition>-->
+	<!--		</router-view>-->
+	<!--	</div>-->
 </template>
-<script setup lang="ts">
 
-</script>
 <style scoped>
-
+.main{
+	width: 100%;
+	display: flex;
+	justify-content: space-between;
+	height: 100vh;
+	overflow: hidden;
+	.nav_left{
+		width: 15%;
+		height: 100vh;
+		background: #111c43;
+		overflow-y: auto;
+		.logo{
+			width: 100%;
+			height: 60px;
+			border-bottom: 0.5px solid #293356;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+		.logo img{
+			width: 85%;
+			height: 40px;
+			background: #293356;
+			color: #FFFFFF;
+			font-size: 12px;
+		}
+		.nav_list{
+			padding: 10px;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			height: 45px;
+			.nav_title{
+				font-size: 14px;
+				color: #a3aed1;
+				display: flex;
+				align-items: center;
+			}
+			.nav_title img{
+				width: 20px;
+				height: 20px;
+				color: #333333;
+				margin-right: 8px;
+			}
+			.rArrl{
+				width: 7px;
+				height: 7px;
+				border-top: 1px solid #a3aed1;
+				border-right: 1px solid #a3aed1;
+				margin-top: 9px;
+				-webkit-transform: translate3d(0, -50%, 0) rotate(45deg);
+				transform: translate3d(0, -50%, 0) rotate(45deg);
+			}
+		}
+		.nav_li{
+			width: 100%;
+			padding-left: 16%;
+			background: #1a223f;
+		}
+		.nav_li ul li{
+			font-size: 12px;
+			color: #a3aed1;
+			display: flex;
+			align-items: center;
+			height: 45px;
+			width: 100%;
+		}
+		.nav_li ul li img{
+			width: 20px;
+			height: 20px;
+			color: #333333;
+			margin-right: 8px;
+		}
+	}
+	.nav_right{
+		width: 85%;
+		height: 100vh;
+		background: #f0f1f7;
+		.content{
+			width: 100%;
+			height: auto;
+			overflow-y: auto;
+		}
+	}
+}
 </style>
+<script setup lang="ts">
+import Heads from '~/components/Heads.vue'
+import { getRoutes } from '@/plugins/router'
+const { te, t } = useI18n()
+const routes = getRoutes()
+	.filter((r) => !r.path.includes('notFound'))
+	.map((r) => {
+		let { path, name } = r
+		if (path === safeResolve('/')) {
+			return { path, name: 'home' }
+		}
+		if (!name) {
+			name = path
+		}
+		return { path, name: name.toString().slice(1).replaceAll('/', ' · ') }
+	})
+const $route = useRoute()
+</script>
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index f9b3817..2ffbc99 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -10,8 +10,8 @@
 			</div>
 			<div class="nav_li">
 				<ul>
-					<li v-for="r of routes" :key="r.path">
-						<img src="/logo.png" alt="图标"><RouterLink style="width: 100%; height: 45px; line-height: 45px" :to="r.path">{{ te(r.name) ? t(r.name) : r.name }}</RouterLink>
+					<li v-for="r of getFrontList()" :key="r.path">
+						<img src="/logo.png" alt="图标"><RouterLink style="width: 100%; height: 45px; line-height: 45px" :to="r.path">{{ r.name }}</RouterLink>
 					</li>
 				</ul>
 			</div>
@@ -47,14 +47,7 @@
 			</div>
 		</div>
 	</div>
-<!--	<Navigation />-->
-<!--	<div class="w-screen flex flex-col items-center justify-center">-->
-<!--		<router-view v-slot="{ Component }">-->
-<!--			<transition name="fade" mode="out-in">-->
-<!--				<component :is="Component" />-->
-<!--			</transition>-->
-<!--		</router-view>-->
-<!--	</div>-->
+
 </template>
 
 <style scoped>
@@ -146,19 +139,6 @@
 </style>
 <script setup lang="ts">
 import Heads from '~/components/Heads.vue'
-import { getRoutes } from '@/plugins/router'
-const { te, t } = useI18n()
-const routes = getRoutes()
-	.filter((r) => !r.path.includes('notFound'))
-	.map((r) => {
-		let { path, name } = r
-		if (path === safeResolve('/')) {
-			return { path, name: 'home' }
-		}
-		if (!name) {
-			name = path
-		}
-		return { path, name: name.toString().slice(1).replaceAll('/', ' · ') }
-	})
-const $route = useRoute()
+import { getFrontList } from '~/utils/utils'
+
 </script>
diff --git a/src/pages/admin/index.vue b/src/pages/admin/index.vue
new file mode 100644
index 0000000..4837910
--- /dev/null
+++ b/src/pages/admin/index.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+dsdsd
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/login.vue b/src/pages/login.vue
index d9aed27..9c71131 100644
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -5,10 +5,10 @@
 				<div class="module_r">
 					<div class="module_mian">
 							<div class="module_title">登录帐户</div>
-							<div class="module_desc">输入电子邮件 & 登录密码</div>
+							<div class="module_desc">输入用户名 & 登录密码</div>
 							<div class="module_m">
-								<div class="module_text">电子邮件地址</div>
-								<input class="module_input" type="text" placeholder="8888@163.com" v-model="Email" />
+								<div class="module_text">用户名</div>
+								<input class="module_input" type="text" placeholder="请输入用户名" v-model="Email" />
 							</div>
 							<div class="module_m">
 								<div class="module_text">密码</div>
@@ -21,8 +21,8 @@
 									<img class="module_code_img" :src="state.captchaUrl" @click="onCode">
 								</div>
 							</div>
-							<div class="module_radio"><input  type="radio"/>记住密码 </div>
-							<div class="forgetpwd">忘记密码了吗？</div>
+<!--							<div class="module_radio"><input  type="radio"/>记住密码 </div>-->
+							<div class="forgetpwd" @click="router.push('/register')">没有密码吗？</div>
 							<button class="module_button">登录</button>
 					</div>
 				</div>
@@ -30,6 +30,8 @@
 	</div>
 </template>
 <script setup lang="ts">
+import { useRouter } from "vue-router";
+const router = useRouter();
 const state = reactive({
 	captchaUrl: '',
 	loginFrom: {}
@@ -143,6 +145,7 @@ init()
 			font-size: 14px;
 			color: #328d86;
 			margin-top: 10px;
+			cursor: pointer;
 		}
 		.module_button{
 			margin: 0 auto;
diff --git a/src/pages/register.vue b/src/pages/register.vue
index d4946f4..bc5a9bf 100644
--- a/src/pages/register.vue
+++ b/src/pages/register.vue
@@ -2,9 +2,9 @@
 		<div class="module">
 				<div class="module_mian">
 					<div class="module_title">注册帐户</div>
-					<div class="module_desc">输入电子邮件 & 密码</div>
+					<div class="module_desc">输入用户名 & 密码</div>
 					<div class="module_m">
-						<div class="module_text">电子邮件地址</div>
+						<div class="module_text">用户名</div>
 						<input class="module_input" type="text" placeholder="8888@163.com" v-model="Email" />
 					</div>
 					<div class="module_m">
@@ -17,15 +17,15 @@
 							<input class="module_input" type="password"  placeholder="请再次输入密码" v-model="Password" />
 						</div>
 					</div>
-					<div class="module_m">
-						<div class="module_text">验证码</div>
-						<div class="module_code">
-							<input class="module_code_input" type="text"  placeholder="输入验证码" v-model="vftcode" />
-							<img class="module_code_img" src="/codeimg.png" @click="onCode">
-						</div>
-					</div>
-					<div class="module_radio"><input  type="radio"/>记住密码 </div>
-					<div class="forgetpwd">忘记密码了吗？</div>
+<!--					<div class="module_m">-->
+<!--						<div class="module_text">验证码</div>-->
+<!--						<div class="module_code">-->
+<!--							<input class="module_code_input" type="text"  placeholder="输入验证码" v-model="vftcode" />-->
+<!--							<img class="module_code_img" src="/codeimg.png" @click="onCode">-->
+<!--						</div>-->
+<!--					</div>-->
+<!--					<div class="module_radio"><input  type="radio"/>记住密码 </div>-->
+					<div class="forgetpwd">有账号吗？</div>
 					<button class="module_button">注册</button>
 				</div>
 		</div>
@@ -39,7 +39,7 @@
 	align-items: center;
 	justify-content: center;
 	height: 100vh;
-	background: url("e36341619bf8f04dcbdc6b01105a85a.png");
+	background: url("/login/e36341619bf8f04dcbdc6b01105a85a.png");
 	background-size: 100% 100%;
 	.module_mian{
 		width: 26%;
@@ -114,6 +114,7 @@
 			margin-right: 5px;
 		}
 		.forgetpwd{
+			cursor: pointer;
 			margin: 0 auto;
 			width: 80%;
 			font-size: 14px;
@@ -137,3 +138,10 @@
 	}
 }
 </style>
+<route lang="json">
+{
+"meta": {
+"layout": "notFound"
+}
+}
+</route>