index.html 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!doctype html>
  2. <html class="no-js">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="description" content="">
  7. <meta name="keywords" content="">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  9. <title>猫王音响 - Wi-Fi配置</title>
  10. <meta name="renderer" content="webkit">
  11. <meta http-equiv="Cache-Control" content="no-siteapp" />
  12. <link rel="stylesheet" href="/resource/css/amazeui.min.css">
  13. <link rel="stylesheet" href="/resource/css/app.css">
  14. <link rel="stylesheet" href="/resource/css/layer.css">
  15. </head>
  16. <body>
  17. <div class="am-g">
  18. <!-- LOGO -->
  19. <div class="am-u-sm-12 am-text-center">
  20. <i class="am-icon-wifi myapp-login-logo"></i>
  21. <!-- <br>
  22. <br> -->
  23. <div><b class="title">配置设备Wi-Fi</b></div>
  24. <span class="wi-fi-front font-color">UUID: {{.uuid}}</span>
  25. </div>
  26. <!-- 设置WiFi框 -->
  27. <div class="am-u-sm-11 am-u-sm-centered">
  28. <form class="am-form">
  29. <fieldset class="myapp-login-form am-form-set">
  30. <div class="am-form-group am-form-icon">
  31. <i class="am-icon-wifi"></i>
  32. <input id="WiFiName" type="text" value="{{.wifiName}}"
  33. class="myapp-login-input-text am-form-field" placeholder="请输入您的Wi-Fi账号" required="required">
  34. </div>
  35. <div class="am-form-group am-form-icon ">
  36. <i class="am-icon-lock"></i>
  37. <input id="WiFiPwd" type="password" class="myapp-login-input-text am-form-field"
  38. placeholder="请输入您的Wi-Fi密码" required="required" data="passworedtype">
  39. <span class="toggle-pwd">
  40. <i id="toggleEye" class="am-icon-eye-slash"></i>
  41. </span>
  42. </div>
  43. <input id="UUId" type="hidden" value="{{.uuid}}">
  44. </fieldset>
  45. <div class="wi-fi-front">
  46. <!-- <span >目前仅支持2.4G的Wi-Fi网络,</span><br> -->
  47. <span class="wi-fi-front">不支持酒店、机场等需要认证的Wi-Fi网络。</span>
  48. </div></br>
  49. <!-- am-btn am_btn_more-->
  50. <button id="confirm" class="myapp-login-form-submit am-btn am-btn-primary am-btn-block " type="button">确
  51. 定</button>
  52. </form>
  53. </div>
  54. </div>
  55. <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
  56. <script src="/resource/js/app.js"></script>
  57. </body>
  58. </html>