样式优化

src/components/InitForm/FormItems.jsx

@@ -137,8 +137,8 @@ let FormRender = memo(({ fields = [], name, curindex, formRef, action }) => {
                     return (
                       <Col {...item.colProps} key={index}>
                         {curindex == 0 ? (
-                          <div>
-                            <label htmlFor="" style={{ marginBottom: 10, display: 'inline-block' }} >{item.title}</label>
+                          <div style={{ height: 68 }}>
+                            <label htmlFor="" style={{ marginBottom: 14, display: 'inline-block' }} >{item.title}</label>
                             {
                               hideInFormShowKey ? <div style={{ margin: 0 }}>{value[hideInFormShowKey]}</div>
                                 :
@@ -150,7 +150,7 @@ let FormRender = memo(({ fields = [], name, curindex, formRef, action }) => {
 
                           </div>
                         ) : (
-                          <div style={{ padding: "4px 0 0 0", margin: 0 }}>
+                          <div style={{ height: 40, margin: 0, display: 'flex', alignItems: 'center' }}>
                             {
                               hideInFormShowKey ? <>{value[hideInFormShowKey]}</>
                                 :
@@ -170,7 +170,7 @@ let FormRender = memo(({ fields = [], name, curindex, formRef, action }) => {
                       key: item.dataIndex,
                       name: name,
                       formRef,
-                      curindex,
+                      curindex
                     });
                   }
                 }}
@@ -180,14 +180,14 @@ let FormRender = memo(({ fields = [], name, curindex, formRef, action }) => {
             return curindex === 0 ? (
               <Col {...item.colProps} style={{ height: 68 }} key={index}>
                 <div>
-                  <label htmlFor="" style={{ marginBottom: 10, display: 'inline-block' }} >{item.title}</label>
+                  <label htmlFor="" style={{ marginBottom: 14, display: 'inline-block' }} >{item.title}</label>
                   <div style={{ margin: 0 }}>
                     {value[item?.key ?? item?.dataIndex] ?? "-"}
                   </div>
                 </div>
               </Col>
             ) : (
-              <Col {...item.colProps} style={{ height: 68 }} key={index}>
+              <Col {...item.colProps} style={{ height: 40, display: 'flex', alignItems: 'center' }} key={index}>
                 <div>
                   <div style={{ margin: 0 }}>
                     {value[item?.key ?? item?.dataIndex] ?? "-"}
@@ -202,7 +202,7 @@ let FormRender = memo(({ fields = [], name, curindex, formRef, action }) => {
               key: item.dataIndex,
               name: name,
               formRef,
-              curindex,
+              curindex
             })
           }
         })}

src/global.less

@@ -623,6 +623,14 @@ ol {
       }
     }
   }
+
+  .ant-col .ant-form-item-label {
+    padding-bottom: 12px !important;
+  }
+
+  .ant-form-item {
+    margin-bottom: 12px !important;
+  }
 }
 
 .screenwh {