Commit 7c124290 authored by XieZhiXiong's avatar XieZhiXiong

chore: 完善样式

parent 7964b1ee
@import '~antd/es/style/themes/default.less';
.changed {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.new {
padding: 0 2px;
color: #FFFFFF;
font-size: @font-size-sm;
line-height: @font-size-sm;
font-weight: 500;
background-color: #2266EE;
border-radius: 2px;
cursor: pointer;
&:hover {
background-color: #0630A1;
}
}
}
\ No newline at end of file
......@@ -2,11 +2,13 @@
* @Author: XieZhiXiong
* @Date: 2021-05-21 17:14:39
* @LastEditors: XieZhiXiong
* @LastEditTime: 2021-05-21 17:21:27
* @LastEditTime: 2021-05-26 11:19:51
* @Description: 会员入库信息
*/
import React from 'react';
import { Tooltip } from 'antd';
import CustomizeColumn, { IProps as CustomizeColumnProps } from '@/components/CustomizeColumn';
import styles from './index.less';
interface IProps extends Omit<CustomizeColumnProps, 'data' | 'columns'> {}
......@@ -18,15 +20,36 @@ const MemberDocIncomingInfo: React.FC<IProps> = (props: IProps) => {
const data = [
{
title: '商业模式',
value: '生产商',
value: (
<div className={styles.changed}>
生产商
<Tooltip title={`变更前:${'加工商'}`}>
<span className={styles.new}>NEW</span>
</Tooltip>
</div>
),
},
{
title: '工厂数量',
value: '3',
value: (
<div className={styles.changed}>
3
<Tooltip title={`变更前:${'加工商'}`}>
<span className={styles.new}>NEW</span>
</Tooltip>
</div>
),
},
{
title: '主要合作伙伴',
value: '安踏',
value: (
<div className={styles.changed}>
安踏
<Tooltip title={`变更前:${'Nike'}`}>
<span className={styles.new}>NEW</span>
</Tooltip>
</div>
),
},
{
title: '主营行业',
......
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