登录注册

src/pages/my-account/less/style.less

@@ -0,0 +1,124 @@
+.login,
+.register {
+	padding: 35px;
+	border: 1px solid #e1e1e1;
+	background-color: #fff;
+	border-radius: 5px;
+
+	>h2 {
+		font-weight: 600;
+		color: #222;
+		font-size: 24px;
+		margin-bottom: 24px;
+	}
+
+	>form {
+		>* {
+			margin-bottom: 20px;
+		}
+
+		>.form-item {
+			display: flex;
+			flex-direction: column;
+
+			>label {
+				margin-bottom: 5px;
+				font-size: 16px;
+				line-height: 1.6;
+				color: #333;
+				font-weight: 400;
+
+				&::after {
+					content: ' *';
+					color: #f00;
+				}
+			}
+
+			>.input-container>input,
+			>input {
+				width: 100%;
+				height: 35px;
+				padding: 0 17px;
+				font-size: 16px;
+				border: 1px solid #e1e1e1;
+				outline: none;
+
+				&:focus {
+					border-color: #000;
+				}
+			}
+
+			>.input-container {
+				position: relative;
+
+				>input {
+					padding-right: 35px;
+				}
+
+				>.iconfont {
+					position: absolute;
+					right: 10px;
+					top: 0;
+					height: 100%;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					font-size: 18px;
+					cursor: pointer;
+				}
+			}
+		}
+
+		>.remember {
+			display: flex;
+			align-items: center;
+
+			>input {
+				margin: 4px 8px 0 0;
+			}
+
+			>label {
+				color: #333;
+			}
+
+			>.link {
+				margin-left: auto;
+				color: #222;
+			}
+
+		}
+
+		>.subscribe {
+			font-size: 16px;
+			line-height: 1.6;
+			color: #333;
+		}
+
+		>.tip {
+			font-size: 16px;
+			line-height: 1.6;
+			color: #333;
+
+			>a {
+				color: #000;
+			}
+		}
+
+		>button {
+			width: 100%;
+			height: 38px;
+			border-radius: 4px;
+			border: none;
+			background-color: #9a2125;
+			color: #fff;
+			transition: all 0.3s ease-in-out;
+			box-shadow: 0 2px 5px rgba(7, 129, 105, 0.3);
+			cursor: pointer;
+			font-size: 12px;
+
+			&:hover {
+				background-color: #99494c;
+			}
+		}
+	}
+}