antd 按钮加载中_用ant design中的Button的时候属性ant-click-animating-withou如何取消

57 阅读 0 评论 38 点赞

我是靠谱客的博主谨慎蚂蚁，最近开发中收集的这篇文章主要介绍antd 按钮加载中_用ant design中的Button的时候属性ant-click-animating-withou如何取消，觉得挺不错的，现在分享给大家，希望可以做个参考。

antd Button 的代码中，

{...otherProps}

type={htmlType || 'button'}

className={classes}

onClick={this.handleClick}

title={title}

{iconNode}{kids}

Wave 实现了这个光晕效果。在不修改 antd 源码的情况下，ant-click-animating-without-extra-node 这个属性是去不掉的，只有通过 css 去掉这个效果。

以下是 css 原代码：

[ant-click-animating],

[ant-click-animating-without-extra-node] {

position: relative;

}

[ant-click-animating-without-extra-node]:after,

.ant-click-animating-node {

content: '';

position: absolute;

top: -1px;

left: -1px;

bottom: -1px;

right: -1px;

border-radius: inherit;

border: 0 solid #1890ff;

opacity: 0.2;

-webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubi

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

antd 按钮加载中_用ant design中的Button的时候 属性ant-click-animating-withou如何取消