Commit de25b1a0 authored by XieZhiXiong's avatar XieZhiXiong

feat: 完善样式

parent baa027ba
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: XieZhiXiong * @Author: XieZhiXiong
* @Date: 2020-11-05 18:02:18 * @Date: 2020-11-05 18:02:18
* @LastEditors: XieZhiXiong * @LastEditors: XieZhiXiong
* @LastEditTime: 2021-02-20 14:13:26 * @LastEditTime: 2021-02-20 15:16:18
* @Description: 退款明细 * @Description: 退款明细
*/ */
import React, { useState } from 'react'; import React, { useState } from 'react';
...@@ -294,7 +294,7 @@ const ReturnDetailInfo: React.FC<ReturnDetailInfoProps> = ({ ...@@ -294,7 +294,7 @@ const ReturnDetailInfo: React.FC<ReturnDetailInfoProps> = ({
), ),
expandedRowRender: record => ( expandedRowRender: record => (
<Row <Row
gutter={[16, 16]} gutter={16}
className={styles.deliver} className={styles.deliver}
> >
{record.detailList.map(item => ( {record.detailList.map(item => (
...@@ -303,7 +303,7 @@ const ReturnDetailInfo: React.FC<ReturnDetailInfoProps> = ({ ...@@ -303,7 +303,7 @@ const ReturnDetailInfo: React.FC<ReturnDetailInfoProps> = ({
className={styles['deliver-item']} className={styles['deliver-item']}
key={item.refundId} key={item.refundId}
> >
<Stamp> <Stamp customStyle={{ margin: 0, padding: 20 }}>
<Descriptions column={2}> <Descriptions column={2}>
<Descriptions.Item label="支付次数">{item.payCount}</Descriptions.Item> <Descriptions.Item label="支付次数">{item.payCount}</Descriptions.Item>
<Descriptions.Item label="状态"> <Descriptions.Item label="状态">
......
...@@ -2,23 +2,31 @@ ...@@ -2,23 +2,31 @@
* @Author: XieZhiXiong * @Author: XieZhiXiong
* @Date: 2020-11-05 15:52:21 * @Date: 2020-11-05 15:52:21
* @LastEditors: XieZhiXiong * @LastEditors: XieZhiXiong
* @LastEditTime: 2020-11-05 16:45:11 * @LastEditTime: 2021-02-20 15:41:12
* @Description: 邮票展示组件 * @Description: 邮票展示组件
*/ */
import React from 'react'; import React from 'react';
import classNames from 'classnames';
import styles from './index.less'; import styles from './index.less';
interface StampProps { interface StampProps {
// 是否需要展示中间的印记条 /**
* 是否需要展示中间的印记条
*/
imprinted?: boolean; imprinted?: boolean;
/**
* 自定义外部样式
*/
customStyle?: React.CSSProperties,
}; };
const Stamp: React.FC<StampProps> & { isVirtualFieldComponent: boolean } = ({ const Stamp: React.FC<StampProps> & { isVirtualFieldComponent: boolean } = ({
imprinted = false, imprinted = false,
customStyle,
children, children,
}) => { }) => {
return ( return (
<div className={styles.stamp}> <div className={classNames(styles.stamp)} style={customStyle}>
{children} {children}
{imprinted && ( {imprinted && (
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment