diff --git a/index.html b/index.html
index 9e5fc8f..f8c23b0 100644
--- a/index.html
+++ b/index.html
@@ -3,11 +3,31 @@
   <head>
     <meta charset="UTF-8">
     <link rel="icon" href="/favicon.ico">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Vite App</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>Animo</title>
   </head>
   <body>
     <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
+    <script>
+      document.documentElement.addEventListener('touchstart', function (event) {
+        if (event.touches.length > 1) {
+          event.preventDefault();
+        }
+      }, false);
+
+      let lastTouchEnd = 0
+      document.documentElement.addEventListener('touchend', function (event) {
+        const now = Date.now()
+        if (now - lastTouchEnd <= 300) {
+          event.preventDefault();
+        }
+        lastTouchEnd = now;
+      }, false);
+
+      document.addEventListener('gesturestart', function (event) {
+        event.preventDefault();
+      });
+    </script>
   </body>
 </html>
diff --git a/src/App.vue b/src/App.vue
index 4d67a69..ebf27d2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -21,10 +21,10 @@
       </div>
     </div>
     <transition name="slide-up" mode="out-in">
-      <span v-if="showTitle" class="title">你好，{{ name }}</span>
+      <span v-if="showTitle" class="title">你好，{{ user.name }}</span>
     </transition>
     <transition name="slide-up" mode="out-in">
-      <div v-if="showTitle" class="operating-area">
+      <div v-if="showTitle" class="operating-area" @click="handleRefresh">
         <refresh-icon :fill-color='"transparent"' :stroke-color='"currentColor"' :stroke-width="2"/>
       </div>
     </transition>
@@ -34,7 +34,7 @@
   <div id="operable-box">
     <RouterView v-if="login" #default="{ Component }">
       <transition name="slide-up" mode="out-in">
-        <component :is="Component" />
+        <component v-if="contentVisible" :is="Component" />
       </transition>
     </RouterView>
   </div>
@@ -49,6 +49,8 @@ import LoginProcess from '@/components/login/LoginProcess.vue'
 import { RefreshIcon } from 'tdesign-icons-vue-next'
 import Menu from '@/components/Menu.vue'
 import { getCookie } from '@/utils/cookie.ts'
+import { getUserInfo } from '@/api/auth.ts'
+import { useUserStore } from '@/stores/user.ts'
 
 const login = ref(false)
 const weCome = ref(false)
@@ -56,7 +58,6 @@ const hideLoading = ref(false)
 const showTitle = ref(false)
 
 const passkey = ref(true)
-const name = ref('Amico')
 
 const menuVisible = ref(false)
 
@@ -64,8 +65,22 @@ if (!navigator.credentials) {
   passkey.value = false
 }
 
+const user = ref()
 function handleLogin() {
   login.value = true
+  getUserInfo().then((x: any) => {
+    if (x.code === 200){
+      useUserStore().setUser(x.data)
+      user.value = x.data
+      weCome.value = true
+      setTimeout(() => {
+        hideLoading.value = true
+        setTimeout(() => {
+          showTitle.value = true
+        }, 500)
+      }, 500)
+    }
+  })
 }
 
 function handleMenu() {
@@ -74,24 +89,15 @@ function handleMenu() {
   }
 }
 
+const contentVisible = ref(true)
+function handleRefresh() {
+  contentVisible.value = false
+  setTimeout(() => contentVisible.value = true, 500)
+}
+
 onMounted(() => {
   if (getCookie('satoken')){
-    login.value = true
-  }
-})
-
-// 登录动画流程
-watch(login, (val) => {
-  if (val) {
-    setTimeout(() => {
-      weCome.value = true
-      setTimeout(() => {
-        hideLoading.value = true
-        setTimeout(() => {
-          showTitle.value = true
-        }, 500)
-      }, 500)
-    }, 1000)
+    handleLogin()
   }
 })
 </script>
@@ -158,10 +164,10 @@ header {
         animation: circle 1s linear infinite;
       }
     }
-    .title {
-      margin: 1rem;
-      flex: 98;
-    }
+  }
+  .title {
+    padding: 0 1rem;
+    flex: 98;
   }
   &.login {
     height: 10vh;
diff --git a/src/api/auth.ts b/src/api/auth.ts
index 0dc98e9..2eeac47 100644
--- a/src/api/auth.ts
+++ b/src/api/auth.ts
@@ -14,6 +14,12 @@ export function register(data: any) {
     data: data
   })
 }
+export function getUserInfo(){
+  return request({
+    url: '/auth/getUserInfo',
+    method: 'get'
+  })
+}
 
 export function credentials(){
   return request({
diff --git a/src/components/login/Login.vue b/src/components/login/Login.vue
index f26c9fa..e1443c6 100644
--- a/src/components/login/Login.vue
+++ b/src/components/login/Login.vue
@@ -2,22 +2,33 @@
   <div>
     <t-form labelWidth="0">
       <t-form-item>
-        <t-input v-model="username" placeholder="请输入用户名"></t-input>
+        <t-input v-model="username" name="username" type="text" placeholder="请输入用户名" />
       </t-form-item>
       <t-form-item>
-        <t-input v-model="password" placeholder="请输入密码"></t-input>
+        <t-input
+          v-model="password"
+          name="password"
+          type="password"
+          placeholder="请输入密码"
+          @enter="handleLogin"
+        />
       </t-form-item>
       <t-space class="login-button-box" direction="vertical" size="small">
-        <t-button class="login-button" theme="primary" :loading="loading" @click="handleLogin"
-          >登录</t-button
-        >
+        <t-button
+          class="login-button"
+          theme="primary"
+          :loading="loading"
+          type="submit"
+          @click="handleLogin">
+          登录
+        </t-button>
         <t-button
           class="login-button"
           theme="default"
           :disabled="!passkey"
-          @click="handleUsePasskey"
-          >使用通行密钥</t-button
-        >
+          @click="handleUsePasskey">
+          使用通行密钥
+        </t-button>
         <t-link @click="handleRegister">没有账号？去注册</t-link>
       </t-space>
     </t-form>
diff --git a/src/stores/user.ts b/src/stores/user.ts
new file mode 100644
index 0000000..88d89d1
--- /dev/null
+++ b/src/stores/user.ts
@@ -0,0 +1,10 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export const useUserStore = defineStore('userStore', () => {
+  const user = ref(null)
+  function setUser(userData: any) {
+    user.value = userData
+  }
+  return { user, setUser }
+})
