💄 设置表单添加动画效果 (#167)

A-kirami · Apr 14, 2024 · f8876fc · f8876fc
1 parent 4b21950
commit f8876fc
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/views/settings/connect.vue b/src/views/settings/connect.vue
@@ -112,7 +112,7 @@ defineExpose({ resetForm })
       </FormItem>
     </FormField>
     <FormField v-slot="{ componentField }" name="url">
-      <FormItem>
+      <FormItem v-auto-animate>
         <FormLabel>连接地址</FormLabel>
         <FormControl>
           <Input type="text" v-bind="componentField" class="h-9 max-w-100" />
@@ -132,7 +132,7 @@ defineExpose({ resetForm })
       </FormItem>
     </FormField>
     <FormField v-slot="{ componentField }" name="reconnectInterval">
-      <FormItem>
+      <FormItem v-auto-animate>
         <FormLabel>重连间隔</FormLabel>
         <FormControl>
           <Input type="number" v-bind="componentField" class="h-9 max-w-100" />
@@ -142,7 +142,7 @@ defineExpose({ resetForm })
       </FormItem>
     </FormField>
     <FormField v-slot="{ componentField }" name="heartbeatInterval">
-      <FormItem>
+      <FormItem v-auto-animate>
         <FormLabel>心跳间隔</FormLabel>
         <FormControl>
           <Input type="number" v-bind="componentField" class="h-9 max-w-100" />