Browse Source

perf: optimize step-by-step form layout

chenli1989 3 years ago
parent
commit
b85a11d0f0
1 changed files with 15 additions and 0 deletions
  1. 15 0
      src/views/demo/page/form/step/data.tsx

+ 15 - 0
src/views/demo/page/form/step/data.tsx

@@ -15,6 +15,9 @@ export const step1Schemas: FormSchema[] = [
         },
         },
       ],
       ],
     },
     },
+    colProps: {
+      span: 24,
+    },
   },
   },
   {
   {
     field: 'fac',
     field: 'fac',
@@ -23,6 +26,9 @@ export const step1Schemas: FormSchema[] = [
     required: true,
     required: true,
     defaultValue: 'test@example.com',
     defaultValue: 'test@example.com',
     slot: 'fac',
     slot: 'fac',
+    colProps: {
+      span: 24,
+    },
   },
   },
   {
   {
     field: 'pay',
     field: 'pay',
@@ -37,6 +43,9 @@ export const step1Schemas: FormSchema[] = [
     label: '收款人姓名',
     label: '收款人姓名',
     defaultValue: 'Vben',
     defaultValue: 'Vben',
     required: true,
     required: true,
+    colProps: {
+      span: 24,
+    },
   },
   },
   {
   {
     field: 'money',
     field: 'money',
@@ -49,6 +58,9 @@ export const step1Schemas: FormSchema[] = [
         prefix: () => '¥',
         prefix: () => '¥',
       };
       };
     },
     },
+    colProps: {
+      span: 24,
+    },
   },
   },
 ];
 ];
 
 
@@ -59,5 +71,8 @@ export const step2Schemas: FormSchema[] = [
     label: '支付密码',
     label: '支付密码',
     required: true,
     required: true,
     defaultValue: '123456',
     defaultValue: '123456',
+    colProps: {
+      span: 24,
+    },
   },
   },
 ];
 ];