From aa05304d221b1883d746e686f390d6f3fba598a7 Mon Sep 17 00:00:00 2001 From: ZhangXianQiang <1135831638@qq.com> Date: 星期五, 24 五月 2024 09:36:09 +0800 Subject: [PATCH] feat:动态数据中心 --- src/views/login.vue | 33 ++++++++++++++++++++------------- 1 files changed, 20 insertions(+), 13 deletions(-) diff --git a/src/views/login.vue b/src/views/login.vue index 0e8ea78..79d950a 100644 --- a/src/views/login.vue +++ b/src/views/login.vue @@ -3,11 +3,14 @@ <div class="login-container"> <div class="login-wrapper"> <div class="info-wrapper enter-x"> + <div class="title-wrapper"> + <div class="logo"> + <img src="../assets/icons/logo.png" alt=""> + </div> + <p class="title">杩愮淮鑰冩牳骞冲彴</p> + </div> <div class="logo-wrapper"> <img src="../assets/svg/login-box-bg.svg" alt=""> - </div> - <div class="title-wrapper"> - <p class="title">鑷础鍏畨澶╃綉杩愮淮骞冲彴</p> </div> </div> <div class="form-wrapper"> @@ -97,8 +100,8 @@ return { codeUrl: "", loginForm: { - username: "admin", - password: "admin123", + username: "", + password: "", rememberMe: false, code: "", uuid: "" @@ -188,9 +191,9 @@ this.loginInfo = loginInfo.user //濡傛灉杩斿洖涓�1姝e父璺宠浆 if (this.loginInfo.firstLogin == 1) { - this.$router.push({ path: "/" }).catch(() => { }); - return; - this.$router.push({ path: this.redirect || "/" }).catch(() => { }); + // this.$router.push({ path: "/" }).catch(() => { }); + // return; + this.$router.push({ path: this.redirect || "/screen" }).catch(() => { }); } else { localStorage.setItem('firstLogin', 0) } @@ -268,9 +271,10 @@ display: flex; flex-direction: column; justify-content: center; + position: relative; .logo-wrapper { - transform: translateX(-50px); + transform: translateX(-80px); opacity: 0; animation: enter-x 0.3s ease forwards; @@ -280,16 +284,19 @@ } .title-wrapper { - margin-top: 30px; - transform: translateX(-50px); + transform: translateX(-80px); opacity: 0; animation: enter-x 0.3s ease forwards; animation-delay: 0.1s; + display: flex; + align-items: center; + margin-bottom: 50px; .title { text-align: left; font-size: 30px; color: #fff; + margin-left: 10px; } } } @@ -303,13 +310,13 @@ align-items: center; .title { - transform: translateX(50px); + transform: translateX(80px); opacity: 0; animation: enter-x 0.3s ease forwards; } .login-form { - transform: translateX(50px); + transform: translateX(80px); opacity: 0; animation: enter-x 0.3s ease forwards; animation-delay: 0.1s; -- Gitblit v1.8.0