Skip to content

Commit 26b5c16

Browse files
hoorayhooray
committed
style: 统一表单样式
1 parent 58452d6 commit 26b5c16

32 files changed

Lines changed: 96 additions & 96 deletions

File tree

‎apps/core-ant-design-vue/src/components/AppAccountForm/edit-password.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ const onSubmit = form.handleSubmit((values) => {
6161
</FaInput>
6262
</FormControl>
6363
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
64-
<FormMessage class="text-xs bottom-1 absolute" />
64+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
6565
</Transition>
6666
</FormItem>
6767
</FormField>
@@ -75,7 +75,7 @@ const onSubmit = form.handleSubmit((values) => {
7575
</FaInput>
7676
</FormControl>
7777
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
78-
<FormMessage class="text-xs bottom-1 absolute" />
78+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
7979
</Transition>
8080
</FormItem>
8181
</FormField>
@@ -89,7 +89,7 @@ const onSubmit = form.handleSubmit((values) => {
8989
</FaInput>
9090
</FormControl>
9191
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
92-
<FormMessage class="text-xs bottom-1 absolute" />
92+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
9393
</Transition>
9494
</FormItem>
9595
</FormField>

‎apps/core-ant-design-vue/src/components/AppAccountForm/login.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -90,7 +90,7 @@ function testAccount(account: string) {
9090
</FaInput>
9191
</FormControl>
9292
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
93-
<FormMessage class="text-xs bottom-1 absolute" />
93+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
9494
</Transition>
9595
</FormItem>
9696
</FormField>
@@ -104,7 +104,7 @@ function testAccount(account: string) {
104104
</FaInput>
105105
</FormControl>
106106
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
107-
<FormMessage class="text-xs bottom-1 absolute" />
107+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
108108
</Transition>
109109
</FormItem>
110110
</FormField>

‎apps/core-ant-design-vue/src/components/AppAccountForm/register.vue‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ const onSubmit = form.handleSubmit((values) => {
6363
</FaInput>
6464
</FormControl>
6565
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
66-
<FormMessage class="text-xs bottom-1 absolute" />
66+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
6767
</Transition>
6868
</FormItem>
6969
</FormField>
@@ -76,11 +76,11 @@ const onSubmit = form.handleSubmit((values) => {
7676
</template>
7777
</FaInput>
7878
</FormControl>
79-
<FormDescription>
79+
<FormDescription class="m-0">
8080
<FaPasswordStrength :password="value" />
8181
</FormDescription>
8282
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
83-
<FormMessage class="text-xs bottom-1 absolute" />
83+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
8484
</Transition>
8585
</FormItem>
8686
</FormField>
@@ -94,7 +94,7 @@ const onSubmit = form.handleSubmit((values) => {
9494
</FaInput>
9595
</FormControl>
9696
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
97-
<FormMessage class="text-xs bottom-1 absolute" />
97+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
9898
</Transition>
9999
</FormItem>
100100
</FormField>

‎apps/core-ant-design-vue/src/components/AppAccountForm/reset-password.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@ function handleSendCaptcha() {
7070
</FaInput>
7171
</FormControl>
7272
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
73-
<FormMessage class="text-xs bottom-1 absolute" />
73+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
7474
</Transition>
7575
</FormItem>
7676
</FormField>
@@ -81,7 +81,7 @@ function handleSendCaptcha() {
8181
<FaInputOTP :model-value="value" :name="componentField.name" :length="6" class="border-destructive" @update:model-value="val => setValue(val)" />
8282
</FormControl>
8383
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
84-
<FormMessage class="text-xs bottom-1 absolute" />
84+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
8585
</Transition>
8686
</FormItem>
8787
</FormField>
@@ -99,7 +99,7 @@ function handleSendCaptcha() {
9999
</FaInput>
100100
</FormControl>
101101
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
102-
<FormMessage class="text-xs bottom-1 absolute" />
102+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
103103
</Transition>
104104
</FormItem>
105105
</FormField>

‎apps/core-antdv-next/src/components/AppAccountForm/edit-password.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ const onSubmit = form.handleSubmit((values) => {
6161
</FaInput>
6262
</FormControl>
6363
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
64-
<FormMessage class="text-xs bottom-1 absolute" />
64+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
6565
</Transition>
6666
</FormItem>
6767
</FormField>
@@ -75,7 +75,7 @@ const onSubmit = form.handleSubmit((values) => {
7575
</FaInput>
7676
</FormControl>
7777
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
78-
<FormMessage class="text-xs bottom-1 absolute" />
78+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
7979
</Transition>
8080
</FormItem>
8181
</FormField>
@@ -89,7 +89,7 @@ const onSubmit = form.handleSubmit((values) => {
8989
</FaInput>
9090
</FormControl>
9191
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
92-
<FormMessage class="text-xs bottom-1 absolute" />
92+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
9393
</Transition>
9494
</FormItem>
9595
</FormField>

‎apps/core-antdv-next/src/components/AppAccountForm/login.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -90,7 +90,7 @@ function testAccount(account: string) {
9090
</FaInput>
9191
</FormControl>
9292
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
93-
<FormMessage class="text-xs bottom-1 absolute" />
93+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
9494
</Transition>
9595
</FormItem>
9696
</FormField>
@@ -104,7 +104,7 @@ function testAccount(account: string) {
104104
</FaInput>
105105
</FormControl>
106106
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
107-
<FormMessage class="text-xs bottom-1 absolute" />
107+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
108108
</Transition>
109109
</FormItem>
110110
</FormField>

‎apps/core-antdv-next/src/components/AppAccountForm/register.vue‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ const onSubmit = form.handleSubmit((values) => {
6363
</FaInput>
6464
</FormControl>
6565
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
66-
<FormMessage class="text-xs bottom-1 absolute" />
66+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
6767
</Transition>
6868
</FormItem>
6969
</FormField>
@@ -76,11 +76,11 @@ const onSubmit = form.handleSubmit((values) => {
7676
</template>
7777
</FaInput>
7878
</FormControl>
79-
<FormDescription>
79+
<FormDescription class="m-0">
8080
<FaPasswordStrength :password="value" />
8181
</FormDescription>
8282
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
83-
<FormMessage class="text-xs bottom-1 absolute" />
83+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
8484
</Transition>
8585
</FormItem>
8686
</FormField>
@@ -94,7 +94,7 @@ const onSubmit = form.handleSubmit((values) => {
9494
</FaInput>
9595
</FormControl>
9696
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
97-
<FormMessage class="text-xs bottom-1 absolute" />
97+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
9898
</Transition>
9999
</FormItem>
100100
</FormField>

‎apps/core-antdv-next/src/components/AppAccountForm/reset-password.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@ function handleSendCaptcha() {
7070
</FaInput>
7171
</FormControl>
7272
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
73-
<FormMessage class="text-xs bottom-1 absolute" />
73+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
7474
</Transition>
7575
</FormItem>
7676
</FormField>
@@ -81,7 +81,7 @@ function handleSendCaptcha() {
8181
<FaInputOTP :model-value="value" :name="componentField.name" :length="6" class="border-destructive" @update:model-value="val => setValue(val)" />
8282
</FormControl>
8383
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
84-
<FormMessage class="text-xs bottom-1 absolute" />
84+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
8585
</Transition>
8686
</FormItem>
8787
</FormField>
@@ -99,7 +99,7 @@ function handleSendCaptcha() {
9999
</FaInput>
100100
</FormControl>
101101
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
102-
<FormMessage class="text-xs bottom-1 absolute" />
102+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
103103
</Transition>
104104
</FormItem>
105105
</FormField>

‎apps/core-arco-design-vue/src/components/AppAccountForm/edit-password.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ const onSubmit = form.handleSubmit((values) => {
6161
</FaInput>
6262
</FormControl>
6363
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
64-
<FormMessage class="text-xs bottom-1 absolute" />
64+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
6565
</Transition>
6666
</FormItem>
6767
</FormField>
@@ -75,7 +75,7 @@ const onSubmit = form.handleSubmit((values) => {
7575
</FaInput>
7676
</FormControl>
7777
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
78-
<FormMessage class="text-xs bottom-1 absolute" />
78+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
7979
</Transition>
8080
</FormItem>
8181
</FormField>
@@ -89,7 +89,7 @@ const onSubmit = form.handleSubmit((values) => {
8989
</FaInput>
9090
</FormControl>
9191
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
92-
<FormMessage class="text-xs bottom-1 absolute" />
92+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
9393
</Transition>
9494
</FormItem>
9595
</FormField>

‎apps/core-arco-design-vue/src/components/AppAccountForm/login.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -90,7 +90,7 @@ function testAccount(account: string) {
9090
</FaInput>
9191
</FormControl>
9292
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
93-
<FormMessage class="text-xs bottom-1 absolute" />
93+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
9494
</Transition>
9595
</FormItem>
9696
</FormField>
@@ -104,7 +104,7 @@ function testAccount(account: string) {
104104
</FaInput>
105105
</FormControl>
106106
<Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
107-
<FormMessage class="text-xs bottom-1 absolute" />
107+
<FormMessage class="text-xs m-0 bottom-1 absolute" />
108108
</Transition>
109109
</FormItem>
110110
</FormField>

0 commit comments

Comments
 (0)