From 49b0d7cc676a7e21bb1e05e19c89058cdac5fe88 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期五, 29 三月 2024 10:17:14 +0800
Subject: [PATCH] style:首页icon
---
src/views/login.vue | 23 +++++++++++++++--------
1 files changed, 15 insertions(+), 8 deletions(-)
diff --git a/src/views/login.vue b/src/views/login.vue
index 0e8ea78..b0e0d55 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">
@@ -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