美文网首页
获取验证码按钮的状态

获取验证码按钮的状态

作者: ticktackkk | 来源:发表于2021-02-04 00:37 被阅读0次

有四个状态

  • 获取验证码
  • 发送中
  • 倒计时 60-1
  • 重新获取

1.默认为获取验证码
首先 点击发送请求 中 按钮为 发送中 ,给定一个loading状态

 <Button type="primary" loading={true} >
          发送中
        </Button>

2.发送成功时,按钮倒计时,且不可点击


image.png

3.发送成功时间结束时,和发送失败后=> 重新获取验证码,可以点击状态

相关文章

  • 短信获取注册

    注册流程分析 客户端先发送一个手机号码到后端获取验证码,此时“获取验证码”按钮是激活状态,“下一步”按钮是禁用状态...

  • 简约1.3注册

    注册流程分析 客户端先发送一个手机号码到后端获取验证码,此时“获取验证码”按钮是激活状态,“下一步”按钮是禁用状态...

  • 6 简阅项目 注册短信验证功能

    注册流程分析 客户端先发送一个手机号码到后端获取验证码,此时“获取验证码”按钮是激活状态,“下一步”按钮是禁用状态...

  • 短信获取注册

    注册流程分析 客户端先发送一个手机号码到后端获取验证码,此时“获取验证码”按钮是激活状态,“下一步”按钮是禁用状态...

  • 获取验证码按钮的状态

    有四个状态 获取验证码 发送中 倒计时 60-1 重新获取 1.默认为获取验证码首先 点击发送请求 中 按钮为 发...

  • 用户注册

    1.注册流程分析 客户端先发送一个手机号码到后端获取验证码,此时“获取验证码”按钮是激活状态,“下一步”按钮是禁用...

  • 3.注册及手机验证功能

    1. 流程分析 客户端先发送一个手机号码到后端获取验证码,此时“获取验证码”按钮是激活状态,“下一步”按钮是禁用状...

  • 2. 用户注册模块

    1.注册流程分析 客户端先发送一个手机号码到后端获取验证码,此时“获取验证码”按钮是激活状态,“下一步”按钮是禁用...

  • 用户注册模块

    1.注册流程分析 客户端先发送一个手机号码到后端获取验证码,此时“获取验证码”按钮是激活状态,“下一步”按钮是禁用...

  • 用户注册模块

    1.注册流程分析 客户端先发送一个手机号码到后端获取验证码,此时“获取验证码”按钮是激活状态,“下一步”按钮是禁用...

网友评论

      本文标题:获取验证码按钮的状态

      本文链接:https://www.haomeiwen.com/subject/ujyvtltx.html