From 685ad20e3abb2e444ec708276047c9536e910ecb Mon Sep 17 00:00:00 2001
From: wangsongsole <wangsongsole@126.com>
Date: Mon, 29 Aug 2022 10:54:56 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=99=BB=E5=BD=95=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/login/login.less | 134 ++++++++++++++++++++++---------------
 1 file changed, 81 insertions(+), 53 deletions(-)

diff --git a/src/pages/login/login.less b/src/pages/login/login.less
index d8b107b9..f421e917 100644
--- a/src/pages/login/login.less
+++ b/src/pages/login/login.less
@@ -1,18 +1,22 @@
-.loginPage{
-  width: 100%;
-  height: 100%;
-background-color: #f5f9ff;
-overflow: hidden;
-.zent-form-reactive{
-	width:60%!important;
-}
-.login-box .zent-input-wrapper.zent-input--size-normal, .login-box .zent-input{
-	width: 100%!important;
-	border-radius: 4px;
-}
+.loginPage {
+	width: 100%;
+	height: 100%;
+	background-color: #f5f9ff;
+	overflow: hidden;
+
+	.zent-form-reactive {
+		width: 60% !important;
+	}
+
+	.login-box .zent-input-wrapper.zent-input--size-normal,
+	.login-box .zent-input {
+		width: 100% !important;
+		border-radius: 4px;
+	}
 
 }
-.login-title{
+
+.login-title {
 	width: 400px;
 	height: 40px;
 	margin: 80px auto;
@@ -20,111 +24,135 @@ overflow: hidden;
 	align-items: center;
 	justify-content: center;
 }
-.login-title-label{
+
+.login-title-label {
 	font-size: 32px;
 }
-.login-title-icon img{
+
+.login-title-icon img {
 	width: auto;
 	height: 40px;
 	padding-right: 20px;
 }
-.login-box{
+
+.login-box {
 	margin: 0 auto;
 	width: 520px;
 	background-color: #fff;
-	box-sizing: "border-box";
+	box-sizing: border-box;
 	overflow: hidden;
 	border-radius: 8px;
-	box-shadow:  0px 0px 20px rgba(0,60,179,0.12);
+	box-shadow: 0px 0px 5px rgba(0, 60, 179, 0.12);
 	text-align: center;
 	display: flex;
 	justify-content: center;
 	flex-wrap: wrap;
 	align-items: center;
-	
-	.zent-input-wrapper.zent-input--size-normal,.zent-input{
+	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
+
+	&:hover {
+		box-shadow: 0px 0px 20px rgba(0, 60, 179, 0.12);
+		transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
+	}
+
+	.zent-input-wrapper.zent-input--size-normal,
+	.zent-input {
 		width: 268px !important;
 		height: 40px !important;
 	}
-	.zent-btn-disabled[data-zv="9.11.0"], .zent-btn-disabled[data-zv="9.11.0"][disabled]{
-		background-color: #f7f7f7!important;
-		border:1px solid #e0e0e0!important;
+
+	.zent-btn-disabled[data-zv="9.11.0"],
+	.zent-btn-disabled[data-zv="9.11.0"][disabled] {
+		background-color: #f7f7f7 !important;
+		border: 1px solid #e0e0e0 !important;
 	}
 }
-.loginBtn{
-	width: 100%!important;
+
+.loginBtn {
+	width: 100% !important;
 	width: 272px;
 	height: 41px;
 	line-height: 41px;
 	color: #FFF;
-	background-color:#1e6fff;
+	background-color: #1e6fff;
 	border: none;
 	outline: none;
 	border-radius: 2px;
 	text-align: center;
 	font-size: 17px;
-    text-align: center;
+	text-align: center;
 	cursor: pointer;
 	margin-bottom: 70px;
 	margin-top: 5px;
-	.login-Btntxt{
-		    display: inline-block;
-			letter-spacing:50px;
-			text-indent: 50px;
+
+	.login-Btntxt {
+		display: inline-block;
+		letter-spacing: 50px;
+		text-indent: 50px;
 	}
 
 }
-.box-title{
+
+.box-title {
 	width: 100%;
 	height: 52px;
-	font-size:20px;
+	font-size: 20px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin-bottom: 40px;
-	border-bottom: 1px solid rgba(44,114,255,0.1);
+	border-bottom: 1px solid rgba(44, 114, 255, 0.1);
 }
-.box-title>div{
+
+.box-title>div {
 	width: 60%;
 	height: 100%;
 	display: flex;
 	align-items: center;
-	justify-content:center;
+	justify-content: center;
 }
-.box-title>div span{
+
+.box-title>div span {
 	cursor: pointer;
 	height: 100%;
 	display: flex;
 	border-bottom: 2px solid transparent;
 	align-items: center;
-	&.activeLogin{
-			color: #1e6fff;
-			border-bottom: 2px solid #1e6fff;
+
+	&.activeLogin {
+		color: #1e6fff;
+		border-bottom: 2px solid #1e6fff;
 	}
 }
-.yzmcodeIpt{
+
+.yzmcodeIpt {
 	height: 40px;
-	.zent-form-control[data-zv="9.11.0"]{
+
+	.zent-form-control[data-zv="9.11.0"] {
 		float: left;
 	}
+
 	margin-bottom: 30px;
 	display: flex;
 }
-.yzmcode{
+
+.yzmcode {
 	width: 38%;
 	height: 40px;
 	float: left;
-	.zent-btn{
-		height: 100%!important;
+
+	.zent-btn {
+		height: 100% !important;
 		width: 100%;
 	}
 
 }
-.forget{
-		text-align: right;
-		display: block;
-		margin-bottom: 10px;
-		margin-top: 30px;
-		color: #1e6fff;
-		cursor: pointer;
-	}
\ No newline at end of file
+
+.forget {
+	text-align: right;
+	display: block;
+	margin-bottom: 10px;
+	margin-top: 30px;
+	color: #1e6fff;
+	cursor: pointer;
+}
\ No newline at end of file