修添加注册登录的加载效果

src/main/resources/static/main/js/signregister.js

@@ -95,12 +95,12 @@ window.onload = function () {
             }
             //角色下拉框
             if (roles.length >= 2) {
-               $("#role + span").css("display","")
+                $("#role + span").css("display", "")
                 var htmltk = '<div class="login-active" style="z-index:99;height:139px;"><div class="triangles" style="left: 77px;"></div><ul>'
-                for(var i=0;i<roles.length;i++){
-                    htmltk+='<li>'+roles[i].dwlb+'</li>'
+                for (var i = 0; i < roles.length; i++) {
+                    htmltk += '<li>' + roles[i].dwlb + '</li>'
                 }
-                htmltk+='</div>'
+                htmltk += '</div>'
                 $('.login').append(htmltk);//角色
                 $('.loginReges').append(htmltk);
                 $('.login-active ul li').click(function () {
@@ -421,6 +421,9 @@ function initEvent() {
             layer.msg('验证码不能为空！');
             return;
         }
+        var loading = layer.load(2, {
+            shade: [1, '#fff']
+        });
         let publicKey = "99f581fb3097b31e6b9b942a79cb99ec75be5074aab27986599dd1bc874eb877a5bbbf94d592e1a2b38b2b23b6510cabef8151e00a706d1e867dd4757d1bf657144ec0fbfc36955d00976214a321ef75ccb20709f111450b73f81589119ff89ce3e564401081099e430992b99ad4c1d0bc816dcfae5b55275d2f8e13ac585573";
         let key = RSAUtils.getKeyPair('10001', '', publicKey);
         var param = {
@@ -443,10 +446,12 @@ function initEvent() {
                     layer.msg(json.msg);
                 }
                 canClickUpdatePwd = true;
+                layer.close(loading)
             },
             error: function (err) {
                 layer.msg('网络错误！');
                 canClickUpdatePwd = true;
+                layer.close(loading)
             }
         })
         // console.log(sm2Encrypt($tel.val(), publicSecret, 1));
@@ -458,6 +463,7 @@ function initEvent() {
      * 登录
      */
     $('.contentLogin').on('click', '#loginBtn', function () {
+
         var $tel = $('.contentLogin div#login form input[name="tel"]');
         var $pwd = $('div#login form input[name="password"]');
         var $code = $('div#login form .verifyCode');
@@ -480,6 +486,10 @@ function initEvent() {
             layer.msg('验证码不能为空！');
             return;
         }
+        //首页搜索
+        var loading = layer.load(2, {
+            shade: [1, '#fff']
+        });
         var param = {
             'account': sm2Encrypt($tel.val(), publicSecret, 1),
             'phone': $tel.val(),
@@ -512,16 +522,17 @@ function initEvent() {
                     $tel.val('');
                     $pwd.val('');
                     $code.val('');
+                    layer.close(loading)
                 } else {
                     layer.msg(json.msg);
+                    layer.close(loading)
                 }
             },
             error: function (err) {
                 layer.msg('网络错误！');
+                layer.close(loading)
             }
         })
-        // console.log(sm2Encrypt($tel.val(), publicSecret, 1));
-        // console.log(sm2Encrypt($pwd.val(), publicSecret, 1));
     })
     /**
  * 获取验证码
@@ -615,6 +626,9 @@ function initEvent() {
             layer.msg("输入的密码不一致！");
             return;
         }
+        var loading = layer.load(2, {
+            shade: [1, '#fff']
+        });
         $.ajax({
             type: 'POST',
             url: PATH + '/front/register',
@@ -627,9 +641,11 @@ function initEvent() {
                     layer.msg(json.msg);
                 }
                 emptyContentLogin();
+                layer.close(loading)
             },
             error: function (err) {
                 layer.msg('网络错误！');
+                layer.close(loading)
             }
         })
 
@@ -757,18 +773,18 @@ function loginBuy() {
     }
 }
 setTimeout(function () {
-    var html=''
+    var html = ''
     $(".imgBtn img").click(function () {
         $(".mask").fadeIn();
-        html+='<div style="width: 400px;height: 500px;position: absolute;left: 50%;top: 50%;margin-top: -600px;margin-left: -200px;">'
-          html+='<img src="/zfjyjgfwpt/public/image/gointoapp.jpg" alt="" >';
-          html+='<div style="text-align:center;color:white;font-size:28px;padding-top:10px">扫一扫 进入手机APP</div>'
-          html+='</div>'
-          $(".mask").empty().append(html)
+        html += '<div style="width: 400px;height: 500px;position: absolute;left: 50%;top: 50%;margin-top: -600px;margin-left: -200px;">'
+        html += '<img src="/zfjyjgfwpt/public/image/gointoapp.jpg" alt="" >';
+        html += '<div style="text-align:center;color:white;font-size:28px;padding-top:10px">扫一扫 进入手机APP</div>'
+        html += '</div>'
+        $(".mask").empty().append(html)
         $("body").css({
             "overflow": "hidden",
         });
         $("body,html").animate({ scrollTop: 0 })
-         html=''
+        html = ''
     })
 }, 500)