Commit 729b484d authored by XieZhiXiong's avatar XieZhiXiong

chore: 完善展示

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