index.html 2.9 KB

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