登录css

2026-02-04 17:03:30 +08:00
parent 01ea6169c9
commit 29baa2f786
4 changed files with 2 additions and 2 deletions
--- a/src/views/login/less/style.less
+++ b/src/views/login/less/style.less
@@ -0,0 +1,189 @@
+.register,
+.login {
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+	padding: 2.5rem;
+	display: flex;
+
+	>.left {
+		flex: 1;
+		height: 100%;
+		position: relative;
+		overflow: hidden;
+
+		>.bg {
+			width: 100%;
+			height: 100%;
+			object-fit: cover;
+			border-radius: 2rem;
+		}
+
+		>.logo {
+			position: absolute;
+			top: 2.4rem;
+			left: 4.2rem;
+
+			>img {
+				width: 6rem;
+				height: auto;
+			}
+
+			>span {
+				font-weight: 600;
+				font-size: 3.3rem;
+			}
+		}
+	}
+
+	>.right {
+		width: 90rem;
+		min-width: 600px;
+		display: flex;
+		flex-direction: column;
+
+		>.top {
+			display: flex;
+			padding: 0 3rem;
+
+			>.back {
+				width: 5rem;
+				height: 5rem;
+				border-radius: 1.2rem;
+				border: 0.25rem solid rgba(223, 223, 223, 1);
+				background-color: transparent;
+				cursor: pointer;
+			}
+		}
+
+		>.box {
+			min-width: 50rem;
+			flex: 1;
+			overflow-y: auto;
+			margin: 0 auto;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+
+			>img {
+				width: 11rem;
+				height: auto;
+				margin-top: 2rem;
+			}
+
+			>.visible-code {
+				margin-top: 1.7rem;
+				margin-bottom: 7.2rem;
+			}
+
+			>.title {
+				font-weight: 600;
+				font-size: 7rem;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				color: #252727;
+				margin-top: 1.7rem;
+
+				>img {
+					width: auto;
+					height: 9.8rem;
+				}
+			}
+
+			>.tip {
+				font-weight: 400;
+				font-family: General Sans Variable;
+				font-style: Regular;
+				font-size: 1.8rem;
+				color: #666;
+				margin-top: 0.4rem;
+			}
+
+			>.el-form {
+				margin-top: 5rem;
+				width: 100%;
+
+				&::v-deep {
+					.el-form-item {
+						margin-bottom: 2rem;
+					}
+
+					.el-form-item__label {
+						color: #252727;
+						font-size: 1.8rem;
+						margin-bottom: 0.8rem;
+					}
+
+					.el-input {
+						--el-input-height: 5rem;
+						--el-input-border-radius: 0.8rem;
+						--el-input-text-color: #252727;
+						--el-border-color: #dfdfdf;
+						font-size: 1.4rem;
+					}
+
+					.forgetPassword {
+						margin-top: -1.2rem;
+						margin-bottom: 2rem;
+						font-size: 1.6rem;
+						text-align: right;
+						color: #666666;
+						cursor: pointer;
+						text-decoration: underline;
+					}
+
+
+					.privacy {
+						--el-checkbox-height: auto;
+						margin-bottom: 4rem;
+
+						.el-checkbox__label {
+							font-size: 1.6rem;
+							color: #666666;
+							font-weight: 400;
+
+							>div {
+								>span {
+									text-decoration: underline;
+									cursor: pointer;
+								}
+							}
+						}
+					}
+
+					.el-form-item__error {
+						padding-top: 1px;
+						font-size: 1.4rem;
+					}
+
+					.submit {
+						width: 100%;
+						height: 6rem;
+						background: #252727;
+						font-size: 2rem;
+						border-radius: 0.8rem;
+						color: #fff;
+						font-weight: 600;
+					}
+				}
+			}
+
+			>.tip-2 {
+				font-weight: 400;
+				font-size: 1.6rem;
+				color: #666;
+
+				&::v-deep>span {
+					text-decoration: underline;
+					color: #FF7A50;
+					cursor: pointer;
+				}
+			}
+
+			>.other-login {
+				margin-top: 5rem;
+			}
+		}
+	}
+}