Browse Source

feature: 代码整理

Damon 1 year ago
parent
commit
c4b8b8af4d
7 changed files with 26597 additions and 104 deletions
  1. 19 15
      index.html
  2. 16108 1
      resource/css/amazeui.min.css
  3. 93 17
      resource/css/app.css
  4. 6484 8
      resource/js/amazeui.min.js
  5. 60 59
      resource/js/app.js
  6. 3182 2
      resource/js/jquery-3.7.1.min.js
  7. 651 2
      resource/js/layer.js

+ 19 - 15
index.html

@@ -1,12 +1,12 @@
 <!doctype html>
 <html class="no-js">
+
 <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="description" content="">
     <meta name="keywords" content="">
-    <meta name="viewport"
-          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <title>猫王音响 - Wi-Fi配置</title>
     <meta name="renderer" content="webkit">
     <meta http-equiv="Cache-Control" content="no-siteapp" />
@@ -14,14 +14,15 @@
     <link rel="stylesheet" href="resource/css/app.css">
     <link rel="stylesheet" href="resource/css/layer.css">
 </head>
+
 <body>
     <div class="am-g">
         <!-- LOGO -->
         <div class="am-u-sm-12 am-text-center">
-             <i class="am-icon-wifi myapp-login-logo"></i>
+            <i class="am-icon-wifi myapp-login-logo"></i>
             <br>
             <br>
-            <div><b class="title" >配置设备Wi-Fi</b></div>
+            <div><b class="title">配置设备Wi-Fi</b></div>
             <span class="wi-fi-front font-color">UUID: {{.uuid}}</span>
         </div>
         <!-- 设置WiFi框 -->
@@ -30,23 +31,25 @@
                 <fieldset class="myapp-login-form am-form-set">
                     <div class="am-form-group am-form-icon">
                         <i class="am-icon-wifi"></i>
-                        <input id="WiFiName" type="text" value="{{.wifiName}}" class="myapp-login-input-text am-form-field" placeholder="请输入您的Wi-Fi账号" required="required">
+                        <input id="WiFiName" type="text" value="{{.wifiName}}"
+                            class="myapp-login-input-text am-form-field" placeholder="请输入您的Wi-Fi账号" required="required">
                     </div>
                     <div class="am-form-group am-form-icon ">
                         <i class="am-icon-lock"></i>
-                            <input id="WiFiPwd" type="password" class="myapp-login-input-text am-form-field" placeholder="请输入您的Wi-Fi密码" required="required" data="passworedtype">
-                            <span class="toggle-pwd">
-                                <i id="toggleEye" class="am-icon-eye-slash"></i>
-                            </span>
+                        <input id="WiFiPwd" type="password" class="myapp-login-input-text am-form-field"
+                            placeholder="请输入您的Wi-Fi密码" required="required" data="passworedtype">
+                        <span class="toggle-pwd">
+                            <i id="toggleEye" class="am-icon-eye-slash"></i>
+                        </span>
                     </div>
                     <input id="UUId" type="hidden" value="{{.uuid}}">
                 </fieldset>
-                    <div class="wi-fi-front">
-                        <!-- <span >目前仅支持2.4G的Wi-Fi网络,</span><br> -->
-                        <span class="wi-fi-front">不支持酒店、机场等需要认证的Wi-Fi网络。</span>
-                    </div></br>
-            
-                <button  id="confirm" class="myapp-login-form-submit am-btn am-btn-primary am-btn-block ">确 定</button>
+                <div class="wi-fi-front">
+                    <!-- <span >目前仅支持2.4G的Wi-Fi网络,</span><br> -->
+                    <span class="wi-fi-front">不支持酒店、机场等需要认证的Wi-Fi网络。</span>
+                </div></br>
+
+                <button id="confirm" class="myapp-login-form-submit am-btn am-btn-primary am-btn-block ">确 定</button>
 
             </form>
         </div>
@@ -59,4 +62,5 @@
     <script src="resource/js/app.js"></script>
     <script src="resource/js/layer.js"></script>
 </body>
+
 </html>

File diff suppressed because it is too large
+ 16108 - 1
resource/css/amazeui.min.css


+ 93 - 17
resource/css/app.css

@@ -1,26 +1,102 @@
 /* Write your styles */
 
 /* 登陆logo */
-.myapp-login-logo { font-size: 130px; color: #ff6a4c;}
+.myapp-login-logo {
+    font-size: 130px;
+    color: #ff6a4c;
+}
 
-// 输入框
+/*  输入框 */
 .myapp-login-form {}
-.am-form-set { margin-bottom: 10px;}
-.myapp-login-form .myapp-login-input-text { font-size: 14px!important; padding-left: 48px!important; line-height: 1.8!important; border-radius: 30px!important; margin-top: 8px;}
-.myapp-login-form .myapp-login-input-text:focus { border-color: #ff6a4c!important; -webkit-box-shadow: inset 0 1px 1px rgba(225,86,86,.075),0 0 5px rgba(225,86,86,.3)!important;box-shadow: inset 0 1px 1px rgba(225,86,86,.075),0 0 5px rgba(225,86,86,.3)!important; }
-.am-form-set>input:first-child {border-radius: 30px!important;}
-.myapp-login-form .am-form-icon i {color: #ccc; padding-left: 15px;}
-.myapp-login-form-submit { background: #ff6a4c; border-radius: 30px; border-color: #ff6a4c;}
-.myapp-login-form-submit:hover { background: #ff8e77;border-color: #ff8e77;}
-.myapp-login-form-shortcut { position: relative; height: 30px; line-height: 30px; margin-top: 30px; padding: 0; width: 88%;  overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box; }
-.myapp-login-form-shortcut .myapp-login-form-hr { background: #ccc;  position: absolute; top:50%; left:0; right:0;display: block;  width: 100%; z-index: 1;}
-.myapp-login-form-shortcut .myapp-login-form-hr-font { display: inline-block; padding: 0 16px; background: #fff; position: relative; font-size: 12px; color: #ccc; z-index: 2;}
-.myapp-login-form-listico { padding-top: 30px;}
-.myapp-login-form-listico .am-icon-btn { width: 60px; height: 60px; line-height: 60px; font-size: 30px;}
-.myapp-login-form-listico .am-icon-btn:hover { opacity: .9;}
+
+.am-form-set {
+    margin-bottom: 10px;
+}
+
+.myapp-login-form .myapp-login-input-text {
+    font-size: 14px !important;
+    padding-left: 48px !important;
+    line-height: 1.8 !important;
+    border-radius: 30px !important;
+    margin-top: 8px;
+}
+
+.myapp-login-form .myapp-login-input-text:focus {
+    border-color: #ff6a4c !important;
+    -webkit-box-shadow: inset 0 1px 1px rgba(225, 86, 86, .075), 0 0 5px rgba(225, 86, 86, .3) !important;
+    box-shadow: inset 0 1px 1px rgba(225, 86, 86, .075), 0 0 5px rgba(225, 86, 86, .3) !important;
+}
+
+.am-form-set>input:first-child {
+    border-radius: 30px !important;
+}
+
+.myapp-login-form .am-form-icon i {
+    color: #ccc;
+    padding-left: 15px;
+}
+
+.myapp-login-form-submit {
+    background: #ff6a4c;
+    border-radius: 30px;
+    border-color: #ff6a4c;
+}
+
+.myapp-login-form-submit:hover {
+    background: #ff8e77;
+    border-color: #ff8e77;
+}
+
+.myapp-login-form-shortcut {
+    position: relative;
+    height: 30px;
+    line-height: 30px;
+    margin-top: 30px;
+    padding: 0;
+    width: 88%;
+    overflow: hidden;
+    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+}
+
+.myapp-login-form-shortcut .myapp-login-form-hr {
+    background: #ccc;
+    position: absolute;
+    top: 50%;
+    left: 0;
+    right: 0;
+    display: block;
+    width: 100%;
+    z-index: 1;
+}
+
+.myapp-login-form-shortcut .myapp-login-form-hr-font {
+    display: inline-block;
+    padding: 0 16px;
+    background: #fff;
+    position: relative;
+    font-size: 12px;
+    color: #ccc;
+    z-index: 2;
+}
+
+.myapp-login-form-listico {
+    padding-top: 30px;
+}
+
+.myapp-login-form-listico .am-icon-btn {
+    width: 60px;
+    height: 60px;
+    line-height: 60px;
+    font-size: 30px;
+}
+
+.myapp-login-form-listico .am-icon-btn:hover {
+    opacity: .9;
+}
 
 .title {
-    font-size:27px;
+    font-size: 27px;
 }
 
 .wi-fi-front {
@@ -51,4 +127,4 @@
 
 .toggle-pwd i:hover {
     color: #333;
-}
+}

File diff suppressed because it is too large
+ 6484 - 8
resource/js/amazeui.min.js


+ 60 - 59
resource/js/app.js

@@ -1,62 +1,63 @@
-$(document).ready(function() {
-    $('#toggleEye').click(function() {
-      var pwdInput = $('#WiFiPwd');
-      var pwdType = pwdInput.attr('type');
+$(document).ready(function () {
+  $('#toggleEye').click(function () {
+    var pwdInput = $('#WiFiPwd');
+    var pwdType = pwdInput.attr('type');
 
-      if (pwdType === 'password' && $(this).hasClass('am-icon-eye-slash')) {
-        pwdInput.attr('type', 'text');
-        $(this).removeClass('am-icon-eye-slash').addClass('am-icon-eye');
-      } else {
-        pwdInput.attr('type', 'password');
-        $(this).removeClass('am-icon-eye').addClass('am-icon-eye-slash');
+    if (pwdType === 'password' && $(this).hasClass('am-icon-eye-slash')) {
+      pwdInput.attr('type', 'text');
+      $(this).removeClass('am-icon-eye-slash').addClass('am-icon-eye');
+    } else {
+      pwdInput.attr('type', 'password');
+      $(this).removeClass('am-icon-eye').addClass('am-icon-eye-slash');
+    }
+  });
+  $('#confirm').click(function (event) {
+    event.preventDefault()
+    $(this).prop("disabled", true);
+    setTimeout(function () {
+      $("#confirm").prop("disabled", false);
+    }, 1000);
+    var wifiName = $('#WiFiName').val();
+    if (wifiName.trim().length === 0) {
+      layer.msg('必须输入Wi-Fi账号✅');
+      return
+    }
+    var wifiPwd = $('#WiFiPwd').val();
+    if (wifiPwd.trim().length < 8) {
+      layer.msg('必须输入正确的Wi-Fi密码✅');
+      return
+    }
+    var uuId = $('#UUId').val();
+    if (uuId.trim().length === 0) {
+      layer.msg('必须传UUId✅');
+      return
+    }
+    $.ajax({
+      url: 'http://ptt.radio1964.com/v1/device/set-wifi', // 替换为后台接口的实际URL
+      method: 'POST', // 替换为后台接口的实际请求方法
+      data: {
+        wifiName: wifiName,
+        wifiPwd: wifiPwd,
+        UUId: uuId,
+      },
+      success: function (response) {
+        layer.msg('✅ 设置成功', {
+          icon: 1
+        }, function () {
+          var ua = navigator.userAgent.toLowerCase();
+          if (ua.match(/MicroMessenger/i) == "micromessenger") {
+            WeixinJSBridge.call('closeWindow');
+          } else if (ua.indexOf("alipay") != -1) {
+            AlipayJSBridge.call('closeWebview');
+          } else if (ua.indexOf("baidu") != -1) {
+            BLightApp.closeWindow();
+          }
+          window.location.reload();
+        });
+      },
+      error: function (error) {
+        layer.msg('💤 请稍后再试');
       }
     });
-    $('#confirm').click(function(event) {
-      event.preventDefault()
-      $(this).prop("disabled", true);
-      setTimeout(function() {
-        $("#confirm").prop("disabled", false);
-      }, 1000);
-      var wifiName = $('#WiFiName').val();
-      if (wifiName.trim().length === 0){
-        layer.msg('必须输入Wi-Fi账号✅');
-        return
-      }
-      var wifiPwd = $('#WiFiPwd').val();
-      if (wifiPwd.trim().length < 8){
-        layer.msg('必须输入正确的Wi-Fi密码✅');
-        return
-      }
-      var uuId = $('#UUId').val();
-      if (uuId.trim().length === 0){
-        layer.msg('必须传UUId✅');
-        return
-      }
-      $.ajax({
-        url: 'http://ptt.radio1964.com/v1/device/set-wifi', // 替换为后台接口的实际URL
-        method: 'POST', // 替换为后台接口的实际请求方法
-        data: {
-          wifiName: wifiName,
-          wifiPwd: wifiPwd,
-          UUId: uuId,
-        },
-        success: function(response) {
-          layer.msg( '✅ 设置成功'
-          ,{icon:1},function(){
-                var ua = navigator.userAgent.toLowerCase();
-                if(ua.match(/MicroMessenger/i)=="micromessenger") {
-                  WeixinJSBridge.call('closeWindow');
-                } else if(ua.indexOf("alipay")!=-1){
-                  AlipayJSBridge.call('closeWebview');
-                }else if(ua.indexOf("baidu")!=-1){
-                  BLightApp.closeWindow();
-                }
-            window.location.reload();
-          });
-        },
-        error: function(error) {
-          layer.msg('💤 请稍后再试');
-        }
-      });
-    });
-  });
+  });
+});

File diff suppressed because it is too large
+ 3182 - 2
resource/js/jquery-3.7.1.min.js


File diff suppressed because it is too large
+ 651 - 2
resource/js/layer.js