Commit 729b484d authored by XieZhiXiong's avatar XieZhiXiong

chore: 完善展示

parent b031b8b8
......@@ -6,9 +6,17 @@
}
}
.no-img {
:global {
.ant-upload.ant-upload-select-picture-card {
border: none;
}
}
}
.img {
width: 175px;
height: 120px;
object-fit: contain;
object-fit: cover;
}
}
\ No newline at end of file
......@@ -2,13 +2,14 @@
* @Author: XieZhiXiong
* @Date: 2021-06-04 17:26:51
* @LastEditors: XieZhiXiong
* @LastEditTime: 2021-06-21 14:50:58
* @LastEditTime: 2021-07-03 13:58:05
* @Description: 资质上传组件
*/
import React, { useState } from 'react';
import { Upload } from 'antd';
import { PlusOutlined, FileOutlined, LoadingOutlined, ExclamationCircleOutlined } from '@ant-design/icons';
import { UploadChangeParam } from 'antd/lib/upload';
import classNames from 'classnames';
import styles from './index.less';
const QualitiesUpload = (props) => {
......@@ -73,6 +74,11 @@ const QualitiesUpload = (props) => {
);
};
const uploadCls = classNames({
[styles['no-img']]: arrValue.length,
className,
});
return (
<div className={styles.upload}>
<Upload
......@@ -83,6 +89,7 @@ const QualitiesUpload = (props) => {
fileList={arrValue}
onChange={handleChange}
disabled={!editable}
className={uploadCls}
>
{!loading ? (
arrValue.length ? renderFile() : uploadButton
......
......@@ -2,7 +2,7 @@
* @Author: XieZhiXiong
* @Date: 2021-06-01 16:13:35
* @LastEditors: XieZhiXiong
* @LastEditTime: 2021-06-18 17:50:57
* @LastEditTime: 2021-07-03 14:48:39
* @Description: 资质证明上传组件
*/
import React from 'react';
......@@ -108,7 +108,7 @@ const QualitiesUploadFormItem = (props) => {
<div style={{ width: '100%' }}>
<ArrayList value={value}>
<Row
gutter={{ sm: 44, md: 88, lg: 88 }}
gutter={[66, 66]}
>
{toArr(value).map((item, index) => (
<Col key={index} {...span}>
......
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