Commit 03e46a17 authored by 田翔's avatar 田翔

fix: 图片模式下显示名称问题

parent b0822b3e
{ {
"name": "panda-xform", "name": "panda-xform",
"version": "5.2.6", "version": "5.2.7",
"description": "5.2.6 附件上传支持多选", "description": "5.2.7 图片模式下还能显示文件名称",
"keywords": [ "keywords": [
"panda-xform" "panda-xform"
], ],
......
...@@ -276,7 +276,7 @@ const FileUpload = (props) => { ...@@ -276,7 +276,7 @@ const FileUpload = (props) => {
}, [presetValue]) }, [presetValue])
return ( return (
<div className={styles.uploadBox}> <div className={fileType === '图片' ? styles.uploadBoxImg : styles.uploadBox}>
<Upload <Upload
multiple multiple
accept={accepts[fileType]} accept={accepts[fileType]}
......
@import '~antd/es/style/themes/default.less';
@imgSrc: '../../../../assets/images/file'; @imgSrc: '../../../../assets/images/file';
.uploadBox { .uploadBox,
.uploadBoxImg {
.iconImg { .iconImg {
width: 45px; width: 45px;
height: 45px; height: 45px;
...@@ -38,4 +40,11 @@ ...@@ -38,4 +40,11 @@
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
}
.uploadBoxImg {
.@{ant-prefix}-upload-list-item-thumbnail {
position: absolute;
z-index: 1;
}
} }
\ No newline at end of file
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