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

Open
736473283 opened this issue May 10, 2024 · 3 comments
Open

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

736473283 opened this issue May 10, 2024 · 3 comments
Labels
improvement improve some features

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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
improvement improve some features
Projects
None yet
Development

No branches or pull requests

2 participants