feat: 合并样式

src/components/CustomizeColumn/index.less

-.container {
-  display: flex;
-  flex: row;
-
-  .row {
-    display: flex;
-    flex-direction: row;
-    margin-bottom: @margin-md;
-  }
-
-  .col {
-    flex: 1;
-
-    .title {
-      color: #909399;
-      font-size: 12;
-      width: 104px;
-      display: inline-block;
+.customize-column {
+  :global {
+    .ant-descriptions-item-content {
+      white-space: break-spaces;
     }
   }
-
-  .lastRow {
+}
\ No newline at end of file
-    margin-bottom: 0;
-  }
-
-}

src/components/CustomizeColumn/index.tsx

@@ -2,11 +2,12 @@
  * @Author: XieZhiXiong
  * @Date: 2021-05-11 10:46:57
  * @LastEditors: XieZhiXiong
- * @LastEditTime: 2021-05-11 15:46:24
+ * @LastEditTime: 2021-05-18 15:55:14
  * @Description: 申请单基础信息
  */
 import React, { CSSProperties } from 'react';
 import { Descriptions } from 'antd';
+import classNames from 'classnames';
 import MellowCard, { MellowCardProps } from '@/components/MellowCard';
 import styles from './index.less';
 
@@ -50,13 +51,16 @@ const defaultColumnProps: ColumnProps = {
 
 const CustomizeColumn: React.FC<IProps> = (props: IProps) => {
   const { data, column, ...rest } = props;
+  const { className } = rest;
+  const mergeCls = classNames(styles['customize-column'], className);
+
   return (
     <MellowCard
       bodyStyle={{
         paddingBottom: 0,
       }}
-      // className={styles.basicInfo}
       {...rest}
+      className={mergeCls}
     >
       <Descriptions column={column}>
         {data.map((item, index) => (