From fea0a18530ba17cf630e5f5cdb83fc025d6a7ae4 Mon Sep 17 00:00:00 2001
From: no99 <17663930442@163.com>
Date: Mon, 28 Apr 2025 19:34:47 +0800
Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E5=BD=95=E5=88=87=E6=8D=A2=E6=97=B6?=
 =?UTF-8?q?=EF=BC=8C=E6=95=B0=E6=8D=AE=E6=B8=85=E7=A9=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/animation/anima.vue | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/views/animation/anima.vue b/src/views/animation/anima.vue
index d74c04e..c4b373b 100644
--- a/src/views/animation/anima.vue
+++ b/src/views/animation/anima.vue
@@ -26,7 +26,7 @@
                     <el-input v-model="userInfo.password" />
                 </el-form-item>
                 <el-form-item>
-                    <el-button type="success" style="width:100%">登录</el-button>
+                    <el-button type="success" style="width:100%" @click="login">登录</el-button>
                 </el-form-item>
             </el-form>
         </div>
@@ -40,7 +40,7 @@
                     <el-input v-model="userInfo.password" />
                 </el-form-item>
                 <el-form-item>
-                    <el-button type="success" style="width:100%">登录</el-button>
+                    <el-button type="success" style="width:100%" @click="login">登录</el-button>
                 </el-form-item>
             </el-form>
         </div>
@@ -52,14 +52,17 @@
 <script setup>
 import { ref, onMounted } from 'vue';
 
-const firstAnimating=ref(false);
+const firstAnimating = ref(false);
 const isAnimating = ref(false);
 const isTextAnimating = ref(false);
 const startAnimation = () => {
+
     isAnimating.value = !isAnimating.value;
     setTimeout(() => {
         isTextAnimating.value = !isTextAnimating.value;
+        userInfo.value = {}
     }, 400);
+
 }
 
 const userInfo = ref({
@@ -67,6 +70,10 @@ const userInfo = ref({
     password: '',
 });
 
+const login = () => {
+    console.log(userInfo.value);
+}
+
 
 </script>
 
@@ -84,12 +91,12 @@ const userInfo = ref({
     text-align: center;
 }
 
-.user{
+.user {
     top: 30%;
     left: 10%;
 }
 
-.admin{
+.admin {
     top: 30%;
     left: 55%;
 }