From dc6e82b8df8264b633a6b4e525cef0430d284555 Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Sat, 29 Mar 2025 11:43:13 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
src/styles/login.scss | 158 ++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 140 insertions(+), 18 deletions(-)
diff --git a/src/styles/login.scss b/src/styles/login.scss
index 4421443..798d2d1 100644
--- a/src/styles/login.scss
+++ b/src/styles/login.scss
@@ -1,26 +1,148 @@
.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:' ';
+ // 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{
+ // 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%;
+ // }
+}
+.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;
+ color: #fff;
+ // background: linear-gradient(90deg, #FFFFFF 0%, #B2D5FF 100%);
}
}
+.login-left-title-new {
+ position: absolute;
+ left: 147px;
+ top: 263px;
+ 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%);
+}
+.login-left-new {
+ position: absolute;
+ top: 334px;
+ left: 147px;
+ width: 926px;
+ height: 540px;
+ background: url('../assets/images/login/left-logo.png') no-repeat center / 100% 100%;
+}
+
+.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 +234,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