Fix spin compatibility, close #3755

This commit is contained in:
afc163 2016-11-07 17:53:12 +08:00
parent 6c16d738ee
commit 985d20ad80
2 changed files with 4 additions and 4 deletions

View File

@ -63,7 +63,7 @@ export default class Spin extends React.Component<SpinProps, any> {
clearTimeout(this.debounceTimeout);
}
if (currentSpinning && !spinning) {
this.debounceTimeout = setTimeout(() => this.setState({ spinning }), 500);
this.debounceTimeout = setTimeout(() => this.setState({ spinning }), 300);
} else {
this.setState({ spinning });
}
@ -103,7 +103,7 @@ export default class Spin extends React.Component<SpinProps, any> {
if (this.isNestedPattern()) {
const containerClassName = classNames({
[`${prefixCls}-container`]: true,
[`${prefixCls}-filter`]: spinning,
[`${prefixCls}-blur`]: spinning,
});
return (
<Animate

View File

@ -76,7 +76,7 @@
position: relative;
}
&-filter {
&-blur {
opacity: 0.7;
-webkit-filter: blur(1px);
filter: blur(1px);
@ -167,7 +167,7 @@
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ */
.@{ant-prefix}-spin-nested-loading > .@{ant-prefix}-spin-container {
.@{spin-prefix-cls}-blur {
background: #fff;
opacity: 0.5;
}