主要修改

移出倒计时逻辑
UI调整
验证码逻辑
小程序、app共享此逻辑

验证码逻辑

image.png

弹框逻辑

注:接口查询失败,toast提示,不进行下一步

  1. 点击拿下
    1. 调用次数校验接口:
      1. 通过:调用短信接口,成功后展示验证码弹框,并开始倒计时
      2. 超出:调用图形验证码接口,成功后展示图形验证
  2. 出现验证码弹框
    1. 输入4位验证码后,自动调用验证码校验接口:
      1. 通过:toast提示成功,跳转成交页面,关闭弹框
      2. 失败:toast提示失败,不关闭弹框,展示重新发送,清空已输入?
    2. 倒计时结束,展示重新发送,点击重新发送:
      1. 调取校验次数接口
        1. 通过:更新倒计时,清空已输入?
        2. 超出:隐藏验证码弹框,调用图形验证码接口,成功后展示图形验证
    3. 点击右上角关闭:
      1. 关闭弹框,并清空倒计时。再次点击拿下重新倒计时
  3. 图形验证弹框
    1. 调用图片接口,成功后展示弹框
    2. 刷新,调用图片接口,更新图片
    3. 输入验证码:
      1. 输入>=4字符时,按钮激活,点击按钮调用图形验证接口
        1. 成功:调用短信接口,成功后展示验证码弹框,并开始倒计时
        2. 失败:展示“请输入正确的验证码”红字,清空验证码,按钮激活?
    4. 点击右上角关闭,清空已输入,关闭弹框