From 928e743529cd4971f3c7d46907bef974aabfabe0 Mon Sep 17 00:00:00 2001
From: april <april@zen-game.cn>
Date: Fri, 21 Jul 2023 18:18:37 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=99=BB=E5=BD=95=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E6=B7=BB=E5=8A=A0=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Former-commit-id: be6fdce737dc74e62ab90e0ca8da16125b1d07d4
---
 src/views/login/index.vue | 25 +++++++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 0eb93720..d7717f49 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -6,8 +6,10 @@
       :rules="loginRules"
       class="login-form"
     >
-      <div class="flex text-white items-center py-4">
-        <span class="text-2xl flex-1 text-center">{{ $t("login.title") }}</span>
+      <div class="flex text-white items-center py-4 title-wrap">
+        <span class="text-2xl flex-1 text-center title">
+          {{ $t("login.title") }}
+        </span>
         <lang-select class="text-white! cursor-pointer" />
       </div>
 
@@ -217,6 +219,25 @@ onMounted(() => {
   overflow: hidden;
   background-color: #2d3a4b;
 
+  .title-wrap {
+    filter: contrast(30);
+
+    .title {
+      letter-spacing: 8px;
+      animation: showup 3s forwards;
+    }
+
+    @keyframes showup {
+      0% {
+        letter-spacing: -20px;
+      }
+
+      100% {
+        letter-spacing: 8px;
+      }
+    }
+  }
+
   .login-form {
     width: 520px;
     max-width: 100%;