set2fa.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <div class="layuimini-container">
  2. <form id="app-form" class="layui-form layuimini-form" autocomplete="off">
  3. {if $old_secret}
  4. <div class="layui-card">
  5. <div class="layui-card-header">提示</div>
  6. <div class="layui-card-body">
  7. 当前账号已经绑定过了 谷歌验证码 ,如果重新保存将替换
  8. </div>
  9. </div>
  10. {/if}
  11. <div class="layui-form-item">
  12. <label class="layui-form-label required">验证秘钥</label>
  13. <div class="layui-input-block">
  14. <input type="text" name="ga_secret" class="layui-input" value="{$secret}" readonly disabled>
  15. </div>
  16. </div>
  17. <div class="layui-form-item">
  18. <label class="layui-form-label required">二维码</label>
  19. <div class="layui-input-block">
  20. <img src="{$dataUri}" alt="二维码" style="width: 200px;height: 200px">
  21. <div class="layui-text layui-font-cyan layui-font-12">
  22. 使用&nbsp;
  23. <a href="https://2fas.com" target="_blank"><span class="layui-text layui-font-blue">2FAS</span></a>
  24. &nbsp;或者&nbsp;
  25. <a href="https://cn.bing.com/search?q=Google+Authenticator" target="_blank"><span class="layui-text layui-font-blue">Google Authenticator</span></a>
  26. &nbsp;APP 扫描二维码 后 输入验证码 进行绑定
  27. </div>
  28. </div>
  29. </div>
  30. <div class="layui-form-item">
  31. <label class="layui-form-label required">谷歌验证码</label>
  32. <div class="layui-input-block">
  33. <input type="text" name="ga_code" class="layui-input" maxlength="6" lay-verify="required" placeholder="扫描二维码,输入验证码" value="">
  34. </div>
  35. </div>
  36. <div class=" hr-line">
  37. </div>
  38. <div class="layui-form-item text-center">
  39. <button type="submit" class="layui-btn layui-btn-normal layui-btn-sm" lay-submit>确认</button>
  40. <button type="reset" class="layui-btn layui-btn-primary layui-btn-sm">重置</button>
  41. </div>
  42. </form>
  43. </div>