login.html 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>登录</title>
  8. </head>
  9. <body>
  10. <div class="container">
  11. <img class="bg" src="${require('./static/bg.jpg')}" alt="">
  12. <div class="login">
  13. <h3>手机号码登录</h3>
  14. <p>手机号码登录,未注册将自动创建智能白板账号</p>
  15. <div class="phone">
  16. <input type="text" id="phoneNum">
  17. </div>
  18. <div class="code">
  19. <input type="text" id="phoneCode">
  20. <button id="sendCode">发送验证码</button>
  21. </div>
  22. <div class="ok" id="login">
  23. 登录
  24. </div>
  25. </div>
  26. <div class="jurisdiction">
  27. <h3>请输入任务授权码</h3>
  28. <p>授权码是由任务发起人发送给你的</p>
  29. <div class="phone">
  30. <input type="text" placeholder="请输入分会场名称" id="title">
  31. </div>
  32. <div class="code">
  33. <input type="text" class="auth-code">
  34. <span style="display: none">授权码不正确,请检查或者</span>
  35. </div>
  36. <div class="ok" id="ok">
  37. 确认
  38. </div>
  39. </div>
  40. </div>
  41. </body>
  42. </html>