From f9df5edd7cfbb7f74e86b6d26f947fe4c550f3f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=97=B5=E5=AE=AA=E7=91=9E?=
 <9198107+min-xianrui@user.noreply.gitee.com>
Date: Tue, 7 Jan 2025 23:53:49 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=AF=B7=E6=B1=82=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9~?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/front.vue | 14 ++++++++++++++
 src/pages/login.vue   | 11 +++--------
 src/styles/main.css   |  3 +--
 3 files changed, 18 insertions(+), 10 deletions(-)
 create mode 100644 src/layouts/front.vue

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;
 }