diff --git a/src/layouts/front.vue b/src/layouts/front.vue
new file mode 100644
index 0000000..42966cf
--- /dev/null
+++ b/src/layouts/front.vue
@@ -0,0 +1,14 @@
+<template>
+	<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>
+
+</style>
diff --git a/src/pages/login.vue b/src/pages/login.vue
index 972db4b..db66ddc 100644
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -5,20 +5,15 @@
 	</div>
 </template>
 <script setup lang="ts">
-
-import { loginAdmin } from '~/api/user/adminUserApi'
-
+import {userInfoFront } from '~/api/user/frontUserApi'
 const state = reactive({
 	captchaUrl: '',
 	loginFrom: {}
 })
-const login = reactive({ username: '', password: '', captcha: '', uuid: '' })
-
+const login = reactive({ username: '18796357645', password: '18796357645', captcha: '', uuid: '' })
 
 function init() {
-	state.captchaUrl = getCaptchaUrl().captchaUrl
-	login.uuid = getCaptchaUrl().uid
-	loginAdmin(login.uuid,login.username,login.password,login.captcha)
+
 }
 
 init()
diff --git a/src/styles/main.css b/src/styles/main.css
index f4d523b..642292b 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -12,15 +12,14 @@ html.dark {
 	pointer-events: none;
 }
 
+/*进度条配色*/
 #nprogress .bar {
 	@apply bg-blue-700 bg-opacity-75;
-
 	background: repeating-linear-gradient(90deg, #00dc82 0, #34cdfe 50%, #0047e1);
 	position: fixed;
 	z-index: 1031;
 	top: 0;
 	left: 0;
-
 	width: 100%;
 	height: 2px;
 }