import React, { Fragment, useState } from 'react'
|
import { Image } from '@arco-design/web-react';
|
import { link } from '@/assets/images';
|
import './index.less';
|
import * as $$ from '@/utils/utility';
|
|
const appUrl = $$.appUrl;
|
|
export default function PreviewImage(props) {
|
const [visible, setVisible] = useState(false)
|
const { name, src, ...rest } = props
|
return (
|
<Fragment>
|
<div style={{ display: 'none' }}>
|
<Image.Preview
|
src={`${appUrl.fileUrl}/${appUrl.sys}${src}`}
|
visible={visible}
|
onVisibleChange={setVisible}
|
{...rest}
|
/>
|
</div>
|
<div onClick={() => { setVisible(true) }} style={{color: '#1a6fb8', cursor: 'pointer', display: 'inline-block'}}><img src={link} alt="" className="title-file" />{name}</div>
|
</Fragment>
|
)
|
}
|
