优化登录界面代码

src/pages/login/login.less

@@ -3,15 +3,19 @@
 	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{
+
+	.login-box .zent-input-wrapper.zent-input--size-normal,
+	.login-box .zent-input {
 		width: 100% !important;
 		border-radius: 4px;
 	}
 
 }
+
 .login-title {
 	width: 400px;
 	height: 40px;
@@ -20,37 +24,50 @@ overflow: hidden;
 	align-items: center;
 	justify-content: center;
 }
+
 .login-title-label {
 	font-size: 32px;
 }
+
 .login-title-icon img {
 	width: auto;
 	height: 40px;
 	padding-right: 20px;
 }
+
 .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;
+	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
 
-	.zent-input-wrapper.zent-input--size-normal,.zent-input{
+	&: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]{
+
+	.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;
 	width: 272px;
@@ -67,6 +84,7 @@ overflow: hidden;
 	cursor: pointer;
 	margin-bottom: 70px;
 	margin-top: 5px;
+
 	.login-Btntxt {
 		display: inline-block;
 		letter-spacing: 50px;
@@ -74,6 +92,7 @@ overflow: hidden;
 	}
 
 }
+
 .box-title {
 	width: 100%;
 	height: 52px;
@@ -84,6 +103,7 @@ overflow: hidden;
 	margin-bottom: 40px;
 	border-bottom: 1px solid rgba(44, 114, 255, 0.1);
 }
+
 .box-title>div {
 	width: 60%;
 	height: 100%;
@@ -91,35 +111,43 @@ overflow: hidden;
 	align-items: center;
 	justify-content: center;
 }
+
 .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;
 	}
 }
+
 .yzmcodeIpt {
 	height: 40px;
+
 	.zent-form-control[data-zv="9.11.0"] {
 		float: left;
 	}
+
 	margin-bottom: 30px;
 	display: flex;
 }
+
 .yzmcode {
 	width: 38%;
 	height: 40px;
 	float: left;
+
 	.zent-btn {
 		height: 100% !important;
 		width: 100%;
 	}
 
 }
+
 .forget {
 	text-align: right;
 	display: block;