test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-11-30 11:07:52 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Image 添加错误显式

Browse Source
This commit is contained in:
liaoxuezhi 2019-10-22 14:57:53 +08:00
parent 04bfe4c188
commit bd4a2b3242
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
scss/components/form/_image.scss
View File

@ -169,6 +169,11 @@
margin: 10px 0 0;
}
}
&-errorMsg {
color: $danger;
margin: 5px 0 0;
}
}

6
src/renderers/Form/Image.tsx
View File

@ -842,10 +842,10 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
key={file.id || key}
className={cx('ImageControl-item', {
'is-uploaded': file.state !== 'uploading',
'is-invalid': file.state === 'error' || file.state == 'invalid'
'is-invalid': file.state === 'error' || file.state === 'invalid'
})}
>
{file.error ? (
{file.state === 'invalid' || file.state === 'error' ? (
<a
className={cx('ImageControl-retryBtn', {'is-disabled': disabled})}
onClick={this.handleSelect}
@ -959,6 +959,8 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
{uploading ? '暂停上传' : '开始上传'}
</button>
) : null}
{error ? <div className={cx('ImageControl-errorMsg')}>{error}</div> : null}
</div>
);
}