feat: 完善样式

src/pages/returnManage/components/ReturnDetailInfo/index.tsx

@@ -2,7 +2,7 @@
  * @Author: XieZhiXiong
  * @Date: 2020-11-05 18:02:18
  * @LastEditors: XieZhiXiong
- * @LastEditTime: 2021-02-02 10:11:08
+ * @LastEditTime: 2021-02-20 15:20:18
  * @Description: 退款明细
  */
 import React, { useState } from 'react';
@@ -267,7 +267,7 @@ const ReturnDetailInfo: React.FC<ReturnDetailInfoProps> = ({
             ),
           expandedRowRender: record => (
             <Row 
-              gutter={[16, 16]}
+              gutter={16}
               className={styles.deliver}
             >
               {record.detailList.map(item => (
@@ -276,7 +276,7 @@ const ReturnDetailInfo: React.FC<ReturnDetailInfoProps> = ({
                   className={styles['deliver-item']}
                   key={item.refundId}
                 >
-                  <Stamp>
+                  <Stamp customStyle={{ margin: 0, padding: 20 }}>
                     <Descriptions column={2}>
                       <Descriptions.Item label="支付次数">{item.payCount}</Descriptions.Item>
                       <Descriptions.Item label="状态">

src/pages/returnManage/components/Stamp/index.tsx

-/*
- * @Author: XieZhiXiong
- * @Date: 2020-11-05 15:52:21
- * @LastEditors: XieZhiXiong
- * @LastEditTime: 2020-11-05 16:45:11
- * @Description: 邮票展示组件
- */
-import React from 'react';
-import styles from './index.less';
-
-interface StampProps {
-  // 是否需要展示中间的印记条
-  imprinted?: boolean;
-};
-
-const Stamp: React.FC<StampProps> & { isVirtualFieldComponent: boolean } = ({
-  imprinted = false, 
-  children, 
-}) => {
-  return (
-    <div className={styles.stamp}>
-      {children}
-
-      {imprinted && (
-        <div className={styles.imprinted} />
-      )}
-    </div>
-  );
-};
-
-Stamp.isVirtualFieldComponent = true;
-
-export default Stamp;
+/*
+ * @Author: XieZhiXiong
+ * @Date: 2020-11-05 15:52:21
+ * @LastEditors: XieZhiXiong
+ * @LastEditTime: 2021-02-20 15:42:00
+ * @Description: 邮票展示组件
+ */
+import React from 'react';
+import classNames from 'classnames';
+import styles from './index.less';
+
+interface StampProps {
+  /**
+   * 是否需要展示中间的印记条
+   */
+  imprinted?: boolean;
+  /**
+   * 自定义外部样式
+   */
+  customStyle?: React.CSSProperties,
+};
+
+const Stamp: React.FC<StampProps> & { isVirtualFieldComponent: boolean } = ({
+  imprinted = false, 
+  customStyle,
+  children, 
+}) => {
+  return (
+    <div className={classNames(styles.stamp)} style={customStyle}>
+      {children}
+
+      {imprinted && (
+        <div className={styles.imprinted} />
+      )}
+    </div>
+  );
+};
+
+Stamp.isVirtualFieldComponent = true;
+
+export default Stamp;