Browse Source

调整form标题显示

lzt 7 months ago
parent
commit
15eb5e887a
1 changed files with 5 additions and 2 deletions
  1. 5 2
      src/views/form/Basic.vue

+ 5 - 2
src/views/form/Basic.vue

@@ -38,6 +38,9 @@ const formConfig = reactive<BasicForm>({
         title: '基础表单',
         type: 'success',
         color: '#0366d6'
+      },
+      formItemProps: {
+        labelWidth: '0px'
       }
     },
     {
@@ -399,8 +402,8 @@ const handleInputConfirm = () => {
 
 <template>
   <div class="h-full bg-white p-16px pt-20px overflow-auto">
-    <form-title type="primary" class="py-10px mb-4">
-      <template #default> 标题 </template>
+    <form-title type="primary" class="py-10px mb-4 w-50%">
+      <template #default>基础表单</template>
     </form-title>
     <pro-form :formConfig="formConfig" :formData="formData" :create="create" :update="update" ref="proFormRef">
       <template #prepend1> test1 </template>