Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Upload]Upload.Dragger的itemRender不生效 #4840

Closed
736473283 opened this issue May 10, 2024 · 3 comments · Fixed by #4880
Closed

[Upload]Upload.Dragger的itemRender不生效 #4840

736473283 opened this issue May 10, 2024 · 3 comments · Fixed by #4880
Assignees
Labels
improvement improve some features Next release issues to close in next release

Comments

@736473283
Copy link

Component

Upload

Steps to reproduce

Upload.Dragger的itemRender为什么不生效
具体代码:

<Upload.Dragger
        listType="card"
        accept="image/png, image/jpg, image/jpeg, image/gif, image/bmp"
        defaultValue={data}
        itemRender={itemRender}
    />
const itemRender = (file, {remove}) => {
    console.log(file);
    return (<div>
        <img src={file.url} style={{maxWidth: '100%', maxHeight: '100%'}} />
        <div style={{
            position: 'absolute', top:0, right:0, bottom:0, left:0, background: 'rgba(0,0,0,.5)', color: '#ddd',
            display: 'flex',
            flexDirection: 'column',
            alignItems: 'center'
        }}>
            <Icon type="eye" style={{marginTop: 40, cursor: 'pointer'}} onClick={() => showImg(file.url)}/>
            <span style={{marginTop: 10, fontSize: 12}}>06:08</span>
        </div>
        <Icon 
            type="ashbin" 
            size="xs" 
            style={{position: 'absolute', right:2, top: 2, color: '#fff', cursor: 'pointer'}}
            onClick={remove}
            />
    </div>);
};

image

Copy link

这是您为 Fusion/Next 提的第一个 issue,感谢您对 Fusion 的信任和支持,我们会尽快进行处理。

@eternalsky
Copy link
Contributor

请帖一下复现 demo 链接

@736473283
Copy link
Author

@eternalsky eternalsky added the improvement improve some features label May 15, 2024
@eternalsky eternalsky added the Next release issues to close in next release label May 29, 2024
@FairyYang FairyYang self-assigned this May 29, 2024
@eternalsky eternalsky linked a pull request Jul 16, 2024 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
improvement improve some features Next release issues to close in next release
Projects
Archived in project
3 participants