Commit 1d4f6891 authored by XieZhiXiong's avatar XieZhiXiong

feat: 完善布局适配

parent 5c8b7c7b
.upload { .upload {
flex: 1;
:global { :global {
.ant-upload.ant-upload-select-picture-card { .ant-upload.ant-upload-select-picture-card {
width: 175px; width: 100%;
height: 120px; min-width: 175px;
height: auto;
padding-bottom: 55%;
position: relative;
> .ant-upload {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
} }
} }
...@@ -15,8 +28,8 @@ ...@@ -15,8 +28,8 @@
} }
.img { .img {
width: 175px; width: 100%;
height: 120px; height: 100%;
object-fit: cover; object-fit: cover;
} }
} }
\ No newline at end of file
...@@ -102,21 +102,24 @@ const QualitiesUploadFormItem = (props) => { ...@@ -102,21 +102,24 @@ const QualitiesUploadFormItem = (props) => {
const span = colSpan ? { const span = colSpan ? {
span: colSpan, span: colSpan,
} : { } : {
sm: 12, xs: 24,
md: 8, sm: 24,
lg: 8, md: 24,
lg: 24,
xl: 12,
xxl: 8,
}; };
return ( return (
<div style={{ width: '100%' }}> <div style={{ width: '100%' }}>
<ArrayList value={value}> <ArrayList value={value}>
<Row <Row
gutter={[66, 50]} gutter={[25, 25]}
> >
{toArr(value).map((item, index) => ( {toArr(value).map((item, index) => (
<Col key={index} {...span}> <Col key={index} {...span}>
<Row <Row
gutter={50} gutter={25}
align="middle" align="middle"
> >
<Col flex={1} className={styles['lineage-cell']}> <Col flex={1} className={styles['lineage-cell']}>
......
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