登录

src/views/login/less/style.less

@@ -0,0 +1,120 @@
+.retrieve-password,
+.register,
+.login {
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	margin-top: 2rem;
+
+	&:deep(.el-form) {
+		width: 100%;
+
+		.el-form-item {
+			position: relative;
+			margin-bottom: 1.6rem;
+		}
+
+		.el-form-item__content {
+			position: relative;
+		}
+
+
+		.el-form-item__label {
+			color: #232323;
+			font-size: 1.2rem;
+			margin-bottom: 0.8rem;
+			line-height: 1.5rem;
+		}
+
+		.el-input {
+			--el-input-height: 3.4rem;
+			--el-input-border-radius: 0;
+			--el-input-text-color: #232323;
+			--el-border-color: #C4C4C4;
+			font-size: 1.4rem;
+
+			&::placeholder {
+				color: #9F9F9F;
+			}
+		}
+
+		.password-tip {
+			position: absolute;
+			z-index: 10;
+			top: -1rem;
+			right: 0;
+			transform: translateY(-100%);
+		}
+
+		.password-warning {
+			--el-checkbox-height: auto;
+			margin-top: -0.6rem;
+			margin-bottom: 1.6rem;
+			display: flex;
+			align-items: center;
+
+			>.icon {
+				width: 1.4rem;
+				height: 1.4rem;
+				margin-right: 0.8rem;
+			}
+
+			>.label {
+				font-family: KaiseiOpti-Regular;
+				font-size: 1rem;
+				color: #9F9F9F;
+			}
+		}
+
+		.forgotPassword {
+			margin-top: -0.8rem;
+			margin-bottom: 5rem;
+			font-size: 1.1rem;
+			text-align: right;
+			color: #666666;
+			cursor: pointer;
+			text-decoration: underline;
+			font-family: KaiseiOpti-Regular;
+		}
+
+
+		.el-form-item__error {
+			padding-top: 1px;
+			font-size: 1rem;
+		}
+
+
+		.submit {
+			width: 100%;
+			height: 4rem;
+			font-size: 1.36rem;
+		}
+
+		.privacy {
+			margin-top: -0.6rem;
+			--el-checkbox-height: auto;
+
+			.el-checkbox__label {
+				font-size: 1.1rem;
+				color: #666666;
+				font-family: KaiseiOpti-Regular;
+
+				>div {
+					>span {
+						font-family: KaiseiOpti-Bold;
+						text-decoration: underline;
+						cursor: pointer;
+						color: #232323;
+					}
+				}
+			}
+		}
+
+	}
+
+	>.other-login {
+		margin-top: 4rem;
+	}
+
+}