111

src/views/SellerDashboard/BecomeSeller/sellerApply.vue

@@ -5,13 +5,7 @@
 				<div class="title">Brand Information</div>
 				<div class="tip">Share a few details to set up your seller profile</div>
 				<div class="form">
-					<a-form
-						:model="formData"
-						:rules="formRules"
-						layout="vertical"
-						class="my-form"
-						ref="formRef"
-					>
+					<a-form :model="formData" :rules="formRules" layout="vertical" ref="formRef">
 						<a-form-item label="Store Name" name="storeName">
 							<a-input
 								v-model:value="formData.storeName"
@@ -154,6 +148,7 @@
 	}
 </script>
 <style scoped lang="less">
+	@import "@/assets/style/ant-from-style.less";
 	.seller-apply {
 		width: 100%;
 		height: 100%;
@@ -257,97 +252,4 @@
 			}
 		}
 	}
-	:deep(.my-form) {
-		.form-group {
-			display: flex;
-			gap: 1.6rem;
-			.ant-form-item {
-				flex: 1;
-			}
-		}
-		.ant-form-item {
-			margin-bottom: 1.6rem;
-			position: relative;
-			.tip-length {
-				user-select: none;
-				pointer-events: none;
-				position: absolute;
-				bottom: 1rem;
-				right: 1.6rem;
-				font-family: pingfang_regular;
-				font-size: 1rem;
-				color: #df2c2c;
-			}
-			.ant-form-item-explain,
-			.ant-form-item-explain-connected {
-				min-height: 0;
-			}
-			.ant-form-item-explain-error {
-				font-size: 1.2rem;
-			}
-		}
-		.ant-form-item-label {
-			display: flex;
-			padding: 0 0 0.6rem 0;
-			> label {
-				font-family: pingfang_medium;
-				font-size: 1.4rem;
-				line-height: 150%;
-
-				&.ant-form-item-required:not(.ant-form-item-required-mark-optional) {
-					&::before {
-						content: "";
-					}
-					&:after {
-						display: inline-block;
-						color: #df2c2c;
-						font-size: 1.4rem;
-						content: "*";
-					}
-				}
-			}
-		}
-		.ant-form-item-control-input {
-			.ant-input-affix-wrapper,
-			textarea,
-			input {
-				border-radius: 1.2rem;
-				border: 0.16rem solid #d1d1d1;
-				font-family: pingfang_regular;
-				font-size: 1.4rem;
-				color: #000;
-				padding: 1.6rem;
-				&::placeholder {
-					color: #999;
-				}
-			}
-			.ant-input-affix-wrapper {
-				margin-bottom: 0.6rem;
-				&:last-child {
-					margin-bottom: 0;
-				}
-				.ant-input-prefix {
-					width: 5.2rem;
-					font-size: 1.4rem;
-					line-height: 150%;
-					color: #000;
-					justify-content: center;
-					text-align: center;
-				}
-				input {
-					border: none;
-					height: 100%;
-					padding: 0 1.6rem;
-					border-radius: 0;
-				}
-			}
-			input {
-				height: 5rem;
-			}
-			textarea {
-				height: 11rem;
-				resize: none;
-			}
-		}
-	}
 </style>