chore: 更新表单描述显示样式 (#6938)

packages/@core/ui-kit/form-ui/src/form-render/form-field.vue

@@ -381,10 +381,10 @@ onUnmounted(() => {
           <div v-if="suffix" class="ml-1">
             <VbenRenderContent :content="suffix" />
           </div>
-          <FormDescription v-if="description" class="ml-1">
-            <VbenRenderContent :content="description" />
-          </FormDescription>
         </div>
+        <FormDescription v-if="description" class="text-xs">
+          <VbenRenderContent :content="description" />
+        </FormDescription>
 
         <Transition name="slide-up" v-if="!compact">
           <FormMessage class="absolute" />

playground/src/views/examples/form/basic.vue

@@ -67,6 +67,13 @@ const [BaseForm, baseFormApi] = useVbenForm({
       label: '字符串',
       rules: 'required',
     },
+    {
+      component: 'Input',
+      fieldName: 'desc',
+      // 界面显示的description
+      description: '这是表单描述',
+      label: '字符串(带描述)',
+    },
     {
       // 组件需要在 #/adapter.ts内注册，并加上类型
       component: 'ApiSelect',