获取验证码按钮的状态
2021-02-04 本文已影响0人
ticktackkk
有四个状态
- 获取验证码
- 发送中
- 倒计时 60-1
- 重新获取
1.默认为获取验证码
首先 点击发送请求 中 按钮为 发送中 ,给定一个loading状态
<Button type="primary" loading={true} >
发送中
</Button>
2.发送成功时,按钮倒计时,且不可点击
image.png
3.发送成功时间结束时,和发送失败后=> 重新获取验证码,可以点击状态