antd-mobile Modal mask层动画执行了两遍

新手上路,请多包涵

在使用antd-mobile时候,发现Modal组件淡入淡出的时候,mask蒙层闪烁;
后来我用chrome的animation查看动画,发现mask层的动画执行了两遍,也就是先白色=》灰色=》白色=》灰色,而正常的应该是只执行一次白色=》灰色;
![图片描述图片描述

如上图所示,第一张是没问题的情况;第二张就是出现问题的情况

代码如下:

  <div className="submit-wrapper">
    <Button type="primary" onClick={this.handleRegister}>
      下一步
    </Button>
  </div>
  handleRegister = () => {
    Modal.alert("提示", "您输入的账号格式错误", [
      {
        text: "确定"
      }
    ]);
    // }
  };

是什么原因会导致动画执行两遍了?

阅读 3.2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题