forgetpwd.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
  6. <title>找回密码</title>
  7. <link rel="stylesheet" href="__STATIC__/sdk/css/index.css">
  8. </head>
  9. <body>
  10. <input type="hidden" id="pagetype" value="forgetpwd">
  11. <!-- 找回密码/账号 -->
  12. <script id="foundWhatHtml" type="text/template">
  13. <div id="foundWhatPop" class="pop">
  14. <div class="pop_container">
  15. <div class="pop_main">
  16. <div class="found_item" onclick="HuoApi.deviceUser()">
  17. <img src="__STATIC__/sdk/images/icon_fuser.png">
  18. 找回账号
  19. </div>
  20. <div class="found_item" onclick="HuoUtils.switchTemplate('verify')">
  21. <img src="__STATIC__/sdk/images/icon_fpwd.png">
  22. 找回密码
  23. </div>
  24. </div>
  25. </div>
  26. </div>
  27. </script>
  28. <!-- 找回账号 -->
  29. <script id="accountHtml" type="text/template">
  30. <div id="accountPop" class="pop">
  31. <div class="pop_container">
  32. <div class="pop_main">
  33. <div class="found_empty"><img src="__STATIC__/sdk/images/icon_empty.png"><div class="kefu">找不到账号?请 <a
  34. href="javascript:;" onclick="HuoApi.kefuInfo()">联系客服</a></div></div>
  35. </div>
  36. </div>
  37. </div>
  38. </script>
  39. <!-- 找回密码第一步 -->
  40. <script id="verifyHtml" type="text/template">
  41. <div id="verifyPop" class="pop">
  42. <div class="pop_body">
  43. <div class="login_head login_head__min">
  44. <i class="login_head__left icon_left" onclick="HuoUtils.switchTemplate('foundWhat')"></i>
  45. <span class="login_title login_title__center">找回密码</span>
  46. </div>
  47. <div class="login_body login_body__tb">
  48. <div class="form">
  49. <div class="form_item">
  50. <label class="form_label">
  51. <i class="form_icon__left icon_phone"></i>
  52. <input name="mem-username" type="text" placeholder="输入账号" class="form_input">
  53. </label>
  54. </div>
  55. <div class="form_btn">
  56. <button type="button" class="form_button" onclick="HuoApi.bindInfo()">确定</button>
  57. </div>
  58. </div>
  59. </div>
  60. <div class="login_foot">
  61. <a class="float-right" href="javascript:;" onclick="HuoApi.deviceUser()">忘记账号</a>
  62. </div>
  63. </div>
  64. </div>
  65. </script>
  66. <!-- 找回密码第二步 -->
  67. <script id="foundHtml" type="text/template">
  68. <div id="foundPop" class="pop">
  69. <div class="pop_body">
  70. <div class="login_head login_head__min">
  71. <i class="login_head__left icon_left" onclick="HuoUtils.switchTemplate('verify')"></i>
  72. <span class="login_title login_title__center">找回密码</span>
  73. </div>
  74. <div class="login_body login_body__tb">
  75. <div class="form">
  76. <p class="found_text found_text__primary">当前已经绑定手机账号:{{mobile}}</p>
  77. <p class="found_text">需要先验证已绑定的手机号码,才能修改账号密码,请先验证</p>
  78. <div class="form_item">
  79. <label class="form_label">
  80. <i class="form_icon__left icon_pwd"></i>
  81. <input name="sms-code" type="text" placeholder="输入验证码" class="form_input">
  82. </label>
  83. <a id="smsSend" class="form_link text-primary" onclick="HuoApi.pwdSendSms()">获取</a>
  84. </div>
  85. <div class="form_btn">
  86. <input type="hidden" name="mem-username" value="{{username}}">
  87. <button type="button" class="form_button" onclick="HuoApi.pwdVerifySms()">确定</button>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. </script>
  94. <!-- 重置密码 -->
  95. <script id="resetHtml" type="text/template">
  96. <div id="resetPop" class="pop">
  97. <div class="pop_body">
  98. <div class="login_head login_head__min">
  99. <i class="login_head__left icon_left" onclick="HuoUtils.switchTemplate('foundWhat')"></i>
  100. <span class="login_title login_title__center">重置密码</span>
  101. </div>
  102. <div class="login_body login_body__tb">
  103. <div class="form">
  104. <div class="form_item">
  105. <label class="form_label">
  106. <i class="form_icon__left icon_pwd"></i>
  107. <input name="mem-password" type="password" placeholder="输入新密码" class="form_input">
  108. </label>
  109. </div>
  110. <div class="form_item">
  111. <label class="form_label">
  112. <i class="form_icon__left icon_pwd"></i>
  113. <input name="mem-passwordag" type="password" placeholder="再次输入新密码" class="form_input">
  114. </label>
  115. </div>
  116. <div class="form_btn">
  117. <input type="hidden" name="mem-username" value="{{username}}">
  118. <button type="button" class="form_button" onclick="HuoApi.pwdReset()">确定</button>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. </script>
  125. <!-- 客服 -->
  126. <script id="kefuHtml" type="text/template">
  127. <div id="kefuPop" class="pop">
  128. <div class="pop_container">
  129. <div class="pop_main">
  130. <div class="found_item">
  131. <a href="{{qqlink}}" target="_blank">
  132. <img src="__STATIC__/sdk/images/icon_kf.png">
  133. 在线客服
  134. <p>客服QQ:{{qq}}</p>
  135. </a>
  136. </div>
  137. <div class="found_item">
  138. <a href="{{tellink}}">
  139. <img src="__STATIC__/sdk/images/icon_tel.png">
  140. 客服热线
  141. <p>客服电话:{{tel}}</p>
  142. </a>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147. </script>
  148. <script src="__STATIC__/sdk/js/index.js"></script>
  149. <script src="__STATIC__/sdk/js/member.js"></script>
  150. <script src="__STATIC__/sdk/js/fastclick.js"></script>
  151. <script>
  152. if ('addEventListener' in document) {
  153. document.addEventListener('DOMContentLoaded', function() {
  154. FastClick.attach(document.body);
  155. }, false);
  156. }
  157. </script>
  158. </body>
  159. </html>