index.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325
  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="agentgame" value="{$agentgame}">
  11. <input type="hidden" id="pagetype" value="login">
  12. <!-- 用户登录 -->
  13. <script id="loginHtml" type="text/template">
  14. <div id="loginPop" class="pop">
  15. <div class="pop_body">
  16. <div class="login_head">
  17. <img class="login_logo" src="__STATIC__/sdk/images/logo.png">
  18. <span class="login_title">用户登录</span>
  19. </div>
  20. <div class="login_body">
  21. <div class="form">
  22. <div class="form_item">
  23. <label class="form_label">
  24. <i class="form_icon__left icon_user"></i>
  25. <input name="mem-username" type="text" placeholder="输入登录账号/手机号" class="form_input">
  26. </label>
  27. <i class="form_icon__right icon_down" onclick="toggleUser()"></i>
  28. <ul class="user_list"></ul>
  29. </div>
  30. <div class="form_item">
  31. <label class="form_label">
  32. <i class="form_icon__left icon_pwd"></i>
  33. <input name="mem-password" type="password" placeholder="输入账号密码" class="form_input">
  34. </label>
  35. <i class="form_icon__right icon_eye icon_eye__fixed" onclick="togglePwd()"></i>
  36. <a href="javascript:;" class="form_link" onclick="HuoUtils.switchTemplate('foundWhat')">忘记账号/密码</a>
  37. </div>
  38. <div class="form_btn">
  39. <button type="button" class="form_button" onclick="HuoApi.userLogin()">进入游戏</button>
  40. </div>
  41. </div>
  42. </div>
  43. <div class="login_foot" style="text-align: center;">
  44. <a class="float-left" href="javascript:;" onclick="HuoApi.userRegone()">一键注册</a>
  45. <a class="float-right" href="javascript:;" onclick="HuoUtils.switchTemplate('mReg')">手机注册</a>
  46. <a href="javascript:;" onclick="HuoUtils.switchTemplate('reg')">用户注册</a>
  47. </div>
  48. </div>
  49. </div>
  50. </script>
  51. <!-- 手机注册 -->
  52. <script id="mRegHtml" type="text/template">
  53. <div id="mRegPop" class="pop">
  54. <div class="pop_body">
  55. <div class="login_head">
  56. <img class="login_logo" src="__STATIC__/sdk/images/logo.png">
  57. <span class="login_title">手机注册</span>
  58. </div>
  59. <div class="login_body">
  60. <div class="form">
  61. <div class="form_item">
  62. <label class="form_label">
  63. <i class="form_icon__left icon_user"></i>
  64. <input name="sms-mobile" type="text" placeholder="输入手机号" class="form_input">
  65. </label>
  66. </div>
  67. <div class="form_item">
  68. <label class="form_label">
  69. <i class="form_icon__left icon_pwd"></i>
  70. <input name="mem-password" type="password" placeholder="输入密码" class="form_input">
  71. </label>
  72. <i class="form_icon__right icon_eye" onclick="togglePwd()"></i>
  73. </div>
  74. <div class="form_item">
  75. <label class="form_label">
  76. <i class="form_icon__left icon_pwd"></i>
  77. <input name="sms-code" type="text" placeholder="输入验证码" class="form_input">
  78. </label>
  79. <a id="smsSend" class="form_link text-primary" onclick="HuoApi.smsSend(1)">获取</a>
  80. </div>
  81. <div class="form_btn">
  82. <button type="button" class="form_button" onclick="HuoApi.userRegm()">完成注册</button>
  83. </div>
  84. </div>
  85. </div>
  86. <div class="login_foot">
  87. <a class="float-right" href="javascript:;" onclick="login()">返回登录 &gt;</a>
  88. </div>
  89. </div>
  90. </div>
  91. </script>
  92. <!-- 用户注册 -->
  93. <script id="regHtml" type="text/template">
  94. <div id="regPop" class="pop">
  95. <div class="pop_body">
  96. <div class="login_head">
  97. <img class="login_logo" src="__STATIC__/sdk/images/logo.png">
  98. <span class="login_title">用户注册</span>
  99. </div>
  100. <div class="login_body">
  101. <div class="form">
  102. <div class="form_item">
  103. <label class="form_label">
  104. <i class="form_icon__left icon_user"></i>
  105. <input name="mem-username" type="text" placeholder="输入账号" class="form_input">
  106. </label>
  107. </div>
  108. <div class="form_item">
  109. <label class="form_label">
  110. <i class="form_icon__left icon_pwd"></i>
  111. <input name="mem-password" type="password" placeholder="输入密码" class="form_input">
  112. </label>
  113. <i class="form_icon__right icon_eye" onclick="togglePwd()"></i>
  114. </div>
  115. <div class="form_btn">
  116. <button type="button" class="form_button" onclick="HuoApi.userReg()">完成注册</button>
  117. </div>
  118. </div>
  119. </div>
  120. <div class="login_foot">
  121. <a class="float-right" href="javascript:;" onclick="login()">返回登录 &gt;</a>
  122. </div>
  123. </div>
  124. </div>
  125. </script>
  126. <!-- 一键注册 -->
  127. <script id="regOneHtml" type="text/template">
  128. <div id="regOnePop" class="pop">
  129. <div class="pop_body">
  130. <div class="login_head">
  131. <img class="login_logo" src="__STATIC__/sdk/images/logo.png">
  132. <span class="login_title">一键注册</span>
  133. </div>
  134. <div class="login_body">
  135. <div class="form">
  136. <div class="form_item">
  137. <label class="form_label">
  138. <i class="form_icon__left icon_user"></i>
  139. <input name="mem-username" type="text" placeholder="输入账号" class="form_input" value="{{username}}">
  140. </label>
  141. </div>
  142. <div class="form_item">
  143. <label class="form_label">
  144. <i class="form_icon__left icon_pwd"></i>
  145. <input name="mem-password" type="text" placeholder="输入密码" class="form_input" value="{{password}}">
  146. </label>
  147. <i class="form_icon__right icon_noeye" onclick="togglePwd()"></i>
  148. </div>
  149. <div class="form_btn">
  150. <button type="button" class="form_button" onclick="HuoApi.userReg(true)">完成注册</button>
  151. </div>
  152. </div>
  153. </div>
  154. <div class="login_foot">
  155. <a class="float-right" href="javascript:;" onclick="login()">返回登录 &gt;</a>
  156. </div>
  157. </div>
  158. </div>
  159. </script>
  160. <!-- 找回密码/账号 -->
  161. <script id="foundWhatHtml" type="text/template">
  162. <div id="foundWhatPop" class="pop">
  163. <div class="pop_container">
  164. <div class="pop_header">
  165. <a href="javascript:;" class="icon_wback pop_header__left" onclick="HuoUtils.switchTemplate('login')"></a>
  166. <a href="javascript:;" class="icon_wclose pop_header__right" onclick="closeWeb()"></a>
  167. 找回密码
  168. </div>
  169. <div class="pop_main">
  170. <div class="found_item" onclick="HuoApi.deviceUser()">
  171. <img src="__STATIC__/sdk/images/icon_fuser.png">
  172. 找回账号
  173. </div>
  174. <div class="found_item" onclick="HuoUtils.switchTemplate('verify')">
  175. <img src="__STATIC__/sdk/images/icon_fpwd.png">
  176. 找回密码
  177. </div>
  178. </div>
  179. </div>
  180. </div>
  181. </script>
  182. <!-- 找回账号 -->
  183. <script id="accountHtml" type="text/template">
  184. <div id="accountPop" class="pop">
  185. <div class="pop_container">
  186. <div class="pop_header">
  187. <a href="javascript:;" class="icon_wback pop_header__left" onclick="HuoUtils.switchTemplate('foundWhat')"></a>
  188. <a href="javascript:;" class="icon_wclose pop_header__right" onclick="closeWeb()"></a>
  189. 找回账号
  190. </div>
  191. <div class="pop_main">
  192. <div class="found_empty"><img src="__STATIC__/sdk/images/icon_empty.png"><div class="kefu">找不到账号?请 <a href="javascript:;" onclick="HuoApi.kefuInfo()">联系客服</a></div></div>
  193. </div>
  194. </div>
  195. </div>
  196. </script>
  197. <!-- 找回密码第一步 -->
  198. <script id="verifyHtml" type="text/template">
  199. <div id="verifyPop" class="pop">
  200. <div class="pop_body">
  201. <div class="login_head login_head__min">
  202. <i class="login_head__left icon_left" onclick="HuoUtils.switchTemplate('foundWhat')"></i>
  203. <span class="login_title login_title__center">找回密码</span>
  204. </div>
  205. <div class="login_body login_body__tb">
  206. <div class="form">
  207. <div class="form_item">
  208. <label class="form_label">
  209. <i class="form_icon__left icon_phone"></i>
  210. <input name="mem-username" type="text" placeholder="输入账号" class="form_input">
  211. </label>
  212. </div>
  213. <div class="form_btn">
  214. <button type="button" class="form_button" onclick="HuoApi.bindInfo()">确定</button>
  215. </div>
  216. </div>
  217. </div>
  218. <div class="login_foot">
  219. <a class="float-right" href="javascript:;" onclick="HuoApi.deviceUser()">忘记账号</a>
  220. </div>
  221. </div>
  222. </div>
  223. </script>
  224. <!-- 找回密码第二步 -->
  225. <script id="foundHtml" type="text/template">
  226. <div id="foundPop" class="pop">
  227. <div class="pop_body">
  228. <div class="login_head login_head__min">
  229. <i class="login_head__left icon_left" onclick="HuoUtils.switchTemplate('verify')"></i>
  230. <span class="login_title login_title__center">找回密码</span>
  231. </div>
  232. <div class="login_body login_body__tb">
  233. <div class="form">
  234. <p class="found_text found_text__primary">当前已经绑定手机账号:{{mobile}}</p>
  235. <p class="found_text">需要先验证已绑定的手机号码,才能修改账号密码,请先验证</p>
  236. <div class="form_item">
  237. <label class="form_label">
  238. <i class="form_icon__left icon_pwd"></i>
  239. <input name="sms-code" type="text" placeholder="输入验证码" class="form_input">
  240. </label>
  241. <a id="smsSend" class="form_link text-primary" onclick="HuoApi.pwdSendSms()">获取</a>
  242. </div>
  243. <div class="form_btn">
  244. <input type="hidden" name="mem-username" value="{{username}}">
  245. <button type="button" class="form_button" onclick="HuoApi.pwdVerifySms()">确定</button>
  246. </div>
  247. </div>
  248. </div>
  249. </div>
  250. </div>
  251. </script>
  252. <!-- 重置密码 -->
  253. <script id="resetHtml" type="text/template">
  254. <div id="resetPop" class="pop">
  255. <div class="pop_body">
  256. <div class="login_head login_head__min">
  257. <i class="login_head__left icon_left" onclick="HuoUtils.switchTemplate('foundWhat')"></i>
  258. <span class="login_title login_title__center">重置密码</span>
  259. </div>
  260. <div class="login_body login_body__tb">
  261. <div class="form">
  262. <div class="form_item">
  263. <label class="form_label">
  264. <i class="form_icon__left icon_pwd"></i>
  265. <input name="mem-password" type="password" placeholder="输入新密码" class="form_input">
  266. </label>
  267. </div>
  268. <div class="form_item">
  269. <label class="form_label">
  270. <i class="form_icon__left icon_pwd"></i>
  271. <input name="mem-passwordag" type="password" placeholder="再次输入新密码" class="form_input">
  272. </label>
  273. </div>
  274. <div class="form_btn">
  275. <input type="hidden" name="mem-username" value="{{username}}">
  276. <button type="button" class="form_button" onclick="HuoApi.pwdReset()">确定</button>
  277. </div>
  278. </div>
  279. </div>
  280. </div>
  281. </div>
  282. </script>
  283. <!-- 客服 -->
  284. <script id="kefuHtml" type="text/template">
  285. <div id="kefuPop" class="pop">
  286. <div class="pop_container">
  287. <div class="pop_header">
  288. <a href="javascript:;" class="icon_wback pop_header__left" onclick="HuoUtils.switchTemplate('foundWhat')"></a>
  289. <a href="javascript:;" class="icon_wclose pop_header__right" onclick="closeWeb()"></a>
  290. 客服中心
  291. </div>
  292. <div class="pop_main">
  293. <div class="found_item">
  294. <a href="{{qqlink}}" target="_blank">
  295. <img src="__STATIC__/sdk/images/icon_kf.png">
  296. 在线客服
  297. <p>客服QQ:{{qq}}</p>
  298. </a>
  299. </div>
  300. <div class="found_item">
  301. <a href="{{tellink}}">
  302. <img src="__STATIC__/sdk/images/icon_tel.png">
  303. 客服热线
  304. <p>客服电话:{{tel}}</p>
  305. </a>
  306. </div>
  307. </div>
  308. </div>
  309. </div>
  310. </script>
  311. <script src="__STATIC__/sdk/js/index.js"></script>
  312. <script src="__STATIC__/sdk/js/member.js"></script>
  313. <script src="__STATIC__/sdk/js/fastclick.js"></script>
  314. <script>
  315. if ('addEventListener' in document) {
  316. document.addEventListener('DOMContentLoaded', function() {
  317. FastClick.attach(document.body);
  318. }, false);
  319. }
  320. </script>
  321. </body>
  322. </html>