修改首页样式

src/pages/home/components/Centers/AfterSoldCenter.tsx

@@ -39,7 +39,7 @@ const SettlementAbility: React.FC<Iprops> = () => {
                   {
                     record.list.map((item) => {
                       return (
-                        <Col span={4} key={item}>
+                        <Col span={4} key={item} className={styles.col}>
                           <div className={styles.colTitle}>待提交审核咨询单</div>
                           <div className={styles.colValue}>5</div>
                         </Col>    

src/pages/home/components/Centers/ProcessCenter.tsx

@@ -29,7 +29,7 @@ const ProcessCenter: React.FC<Iprops> = () => {
                 {
                   record.list.map((item) => {
                     return (
-                      <Col span={4} key={item}>
+                      <Col span={4} key={item} className={styles.col}>
                         <div className={styles.colTitle}>待提交审核咨询单</div>
                         <div className={styles.colValue}>5</div>
                       </Col>    

src/pages/home/components/Centers/ProductCenter.tsx

@@ -33,7 +33,7 @@ const ProductCenter: React.FC<Iprops> = () => {
                 {
                   record.list.map((item) => {
                     return (
-                      <Col span={4} key={item}>
+                      <Col span={4} key={item} className={styles.col}>
                         <div className={styles.colTitle}>待提交审核咨询单</div>
                         <div className={styles.colValue}>5</div>
                       </Col>    

src/pages/home/components/Centers/SettlementCenter.tsx

@@ -81,7 +81,7 @@ const SettlementCenter: React.FC<Iprops> = () => {
                     {
                       record.list.map((item) => {
                         return (
-                          <Col span={4} key={item}>
+                          <Col span={4} key={item} className={styles.col}>
                             <div className={styles.colTitle}>待提交审核咨询单</div>
                             <div className={styles.colValue}>5</div>
                           </Col>    

src/pages/home/components/Centers/TradeCenter.tsx

@@ -21,7 +21,7 @@ const TradeCenter: React.FC<Iprops> = () => {
     },
     {
       id: 4,
-      list: [1,2,3,4,5,6]
+      list: [1,2,3,4,5,6,7,8,9,10]
     },
     {
       id: 5,
@@ -51,7 +51,7 @@ const TradeCenter: React.FC<Iprops> = () => {
                 {
                   record.list.map((item) => {
                     return (
-                      <Col span={4} key={item}>
+                      <Col span={4} key={item} className={styles.col}>
                         <div className={styles.colTitle}>待提交审核咨询单</div>
                         <div className={styles.colValue}>5</div>
                       </Col>    

src/pages/home/components/Centers/center.less

 .row {
-  padding: 24px 0;
+  padding: 0px 0px 12px 0;
   .rowTitle {
     font-size: 14;
     font-weight: 400;
     color: #303133;
+    margin-top: 24px;
   }
   
   .colRow {
     display: flex;
+    flex-wrap: wrap;
+
+    .col {
+      margin-top: 24px;
+    }
     .colTitle {
       font-size: 12px;
       font-weight: 400;