From 2800fa4f32f3900509cb4d6eefaf2bfaf54efdd7 Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Mon, 21 Apr 2025 18:29:09 +0800
Subject: [PATCH] fix: 天气显示

---
 src/styles/login.scss |  142 +++++++++++++++++++++++++++++++++++++++++------
 1 files changed, 124 insertions(+), 18 deletions(-)

diff --git a/src/styles/login.scss b/src/styles/login.scss
index 4421443..07131c3 100644
--- a/src/styles/login.scss
+++ b/src/styles/login.scss
@@ -1,26 +1,132 @@
 .login-container {
+  background: url('../assets/images/login/bg.png') no-repeat center / 100% 100%;
   position: relative;
-  display: flex;
-  align-items: center;
   width: 100%;
   height: 100%;
-  // background-color: #fff;
-  background: linear-gradient(110deg, rgb(2, 40, 85) 0%, rgb(44, 119, 241) 50%, rgb(255,255,255) 50%, rgb(240,240,240) 100%);
-  overflow: hidden;
-  &::before{
-    // content:' ';
+}
+.login-header {
+  background: url('../assets/images/login/big-title.png') no-repeat center / 100% 100%;
+  width: 100%;
+  height: 102px;
+  position: relative;
+  .title {
     position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    margin-left: -48%;
-    background-image: url(/img/login-bg.svg);
-    background-position: 100%;
-    background-repeat: no-repeat;
-    background-size: auto 100%;
+    left: 637px;
+    top: 22px;
+    width: 646px;
+    height: 58px;
+    font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
+    font-weight: 400;
+    font-size: 54px;
+    line-height: 58px;
+    // text-shadow: 0px 2px 6px #0C3D79;
+    text-align: center;
+    font-style: normal;
+    text-transform: none;
+    background: linear-gradient(180deg, #FFFFFF 0%, #B2D5FF 100%);
+    -webkit-background-clip: text;
+    color: transparent;
+    background-clip: text;
   }
 }
+.login-left-title {
+  position: absolute;
+  // border: 1px solid greenyellow;
+  left: 160px;
+  top: 240px;
+  width: 926px;
+  height: 42px;
+  font-family: Source Han Sans CN, Source Han Sans CN;
+  font-weight: bold;
+  font-size: 28px;
+  line-height: 33px;
+  letter-spacing: 30px;
+  // text-shadow: 0px 4px 6px rgba(0,0,0,0.72);
+  color: #fff;
+  text-align: center;
+  font-style: normal;
+  text-transform: none;
+  background: linear-gradient(90.00000000000004deg, #FFFFFF 0%, #E3FEFF 63%, #88BAFF 100%);
+  -webkit-background-clip: text;
+  color: transparent;
+  background-clip: text;
+}
+.login-left-new {
+  position: absolute;
+  top: 334px;
+  border: 1px solid red;
+  left: 147px;
+}
+
+.login-right-new {
+  position: absolute;
+  top: 305px;
+  right: 291px;
+  width: 488px;
+  height: 508px;
+  background: url('../assets/images/login/right-login-info.png') no-repeat center / 100% 100%;
+  .user-login {
+    position: absolute;
+    top: 72px;
+    left: 180px;
+    width: 118px;
+    height: 26px;
+    font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
+    font-weight: 400;
+    font-size: 32px;
+    // color: #D1E0F9;
+    color: #fff;
+    line-height: 26px;
+    text-align: center;
+  }
+  .username {
+    position: absolute;
+    top: 127px;
+    left: 46px;
+    width: 394px;
+    height: 72px;
+    background: url('../assets/images/login/username.png') no-repeat center / 100% 100%;
+    // :deep(.el-form-item) {
+    //   width: 120px;
+    // }
+  }
+  .password {
+    position: absolute;
+    top: 208px;
+    left: 46px;
+    width: 394px;
+    height: 72px;
+    background: url('../assets/images/login/password.png') no-repeat center / 100% 100%;
+  }
+  .forgot-password {
+    position: absolute;
+    width: 64px;
+    height: 24px;
+    top: 289px;
+    right: 58px;
+    font-family: Source Han Sans CN, Source Han Sans CN;
+    font-weight: 500;
+    font-size: 16px;
+    color: #D1E0F9;
+    line-height: 19px;
+  }
+  .login-click {
+    position: absolute;
+    bottom: 106px;
+    left: 44px;
+    width: 391px;
+    height: 61px;
+    background: url('../assets/images/login/login-btn.png') no-repeat center / 100% 100%;
+    font-family: Source Han Sans CN, Source Han Sans CN;
+    font-weight: 500;
+    font-size: 24px;
+    line-height: 50px;
+    text-align: center;
+    color: #fff;
+  }
+}
+
+
 .login-weaper {
   margin: 0 auto;
   width:100%;
@@ -112,9 +218,9 @@
   letter-spacing: 2px;
   font-weight: 300;
   cursor: pointer;
-  margin-top: 30px;
+  // margin-top: 30px;
   transition: 0.25s;
-  background-color: #2C77F1;
+  // background-color: #2C77F1;
 }
 .register-submit {
   width: 100%;

--
Gitblit v1.9.3