画布卡片

src/views/login/less/style.less

@@ -85,7 +85,7 @@
 				justify-content: center;
 				color: #252727;
 
-				&::v-deep>* {
+				&:deep(*) {
 					margin-left: 1rem;
 					font-family: LBold;
 					margin-bottom: -1rem;
@@ -100,76 +100,73 @@
 				margin-top: 0.5rem;
 			}
 
-			>.el-form {
+			&:deep(.el-form) {
 				margin-top: 5rem;
 				width: 100%;
+				font-family: Regular;
 
-				&::v-deep {
-					font-family: Regular;
+				.el-form-item {
+					margin-bottom: 2rem;
+				}
 
-					.el-form-item {
-						margin-bottom: 2rem;
-					}
+				.el-form-item__label {
+					color: #252727;
+					font-size: 1.8rem;
+					margin-bottom: 0.8rem;
+					font-family: Medium;
+				}
 
-					.el-form-item__label {
-						color: #252727;
-						font-size: 1.8rem;
-						margin-bottom: 0.8rem;
-						font-family: Medium;
-					}
+				.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;
+				}
 
-					.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;
+				}
 
-					.forgetPassword {
-						margin-top: -1.2rem;
-						margin-bottom: 2rem;
+
+				.privacy {
+					--el-checkbox-height: auto;
+					margin-bottom: 4rem;
+
+					.el-checkbox__label {
 						font-size: 1.6rem;
-						text-align: right;
 						color: #666666;
-						cursor: pointer;
-						text-decoration: underline;
-					}
+						font-weight: 400;
 
-
-					.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;
-								}
+						>div {
+							>span {
+								text-decoration: underline;
+								cursor: pointer;
 							}
 						}
 					}
+				}
 
-					.el-form-item__error {
-						padding-top: 1px;
-						font-size: 1.4rem;
-					}
+				.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;
-						font-family: SemiBold;
-					}
+				.submit {
+					width: 100%;
+					height: 6rem;
+					background: #252727;
+					font-size: 2rem;
+					border-radius: 0.8rem;
+					color: #fff;
+					font-weight: 600;
+					font-family: SemiBold;
 				}
 			}
 
@@ -179,7 +176,7 @@
 				color: #666;
 				font-family: Regular;
 
-				&::v-deep>span {
+				&:deep(span) {
 					text-decoration: underline;
 					color: #FF7A50;
 					cursor: pointer;