31 lines
705 B
JavaScript
31 lines
705 B
JavaScript
import { Image } from "antd";
|
|
import { getFileUrl } from "../../utils/index";
|
|
|
|
/**
|
|
* 在查看页面中图片预览组件
|
|
*/
|
|
const PreviewImg = (props) => {
|
|
const { files = [], fileUrlKey = "filePath" } = props;
|
|
|
|
const fileUrl = getFileUrl();
|
|
|
|
return (
|
|
<Image.PreviewGroup>
|
|
{
|
|
files.filter(Boolean).map((item, index) => (
|
|
<Image
|
|
key={item[fileUrlKey] || item}
|
|
src={item[fileUrlKey] ? fileUrl + item[fileUrlKey] : fileUrl + item}
|
|
style={{ marginLeft: index > 0 ? 10 : 0 }}
|
|
width={100}
|
|
height={100}
|
|
alt=""
|
|
/>
|
|
))
|
|
}
|
|
</Image.PreviewGroup>
|
|
);
|
|
};
|
|
|
|
export default PreviewImg;
|