✨ 增加前台登录行为验证及优化UA展示

assets/js/puock.js

@@ -140,40 +140,51 @@ class Puock {
                     return false;
                 }
             }
-            const url = form.attr("action");
-            const method = form.attr("method");
-            const data = form.serialize();
-            const dataType = "json";
-            const successTip = form.attr("data-success");
-            const errorTip = form.attr("data-error");
-            $.ajax({
-                url, method, data, dataType,
-                success: (res) => {
-                    if (res.code === 0) {
-                        this.toast(res.msg || successTip, TYPE_SUCCESS)
-                        form.trigger("reset")
-                        if (res.data) {
-                            const resData = res.data
-                            if (resData.action) {
-                                setTimeout(() => {
-                                    switch (resData.action) {
-                                        case 'reload':
-                                            this.goUrl(window.location.href)
-                                            break
-                                    }
-                                }, 500)
+            const validateType = form.data("validate");
+            const startSubmit = (args = {}) => {
+                const url = form.attr("action");
+                const method = form.attr("method");
+                const data = this.parseFormData(form, args);
+                const dataType = "json";
+                const successTip = form.attr("data-success");
+                const errorTip = form.attr("data-error");
+                $.ajax({
+                    url, method, data, dataType,
+                    success: (res) => {
+                        if (res.code === 0) {
+                            this.toast(res.msg || successTip, TYPE_SUCCESS)
+                            form.trigger("reset")
+                            if (res.data) {
+                                const resData = res.data
+                                if (resData.action) {
+                                    setTimeout(() => {
+                                        switch (resData.action) {
+                                            case 'reload':
+                                                this.goUrl(window.location.href)
+                                                break
+                                        }
+                                    }, 500)
+                                }
                             }
+                        } else {
+                            this.toast(res.msg || errorTip, TYPE_DANGER)
+                            this.loadCommentCaptchaImage(form, true)
                         }
-                    } else {
-                        this.toast(res.msg || errorTip, TYPE_DANGER)
+                    },
+                    error: (e) => {
+                        this.toast(`请求错误：${e.statusText}`, TYPE_DANGER)
                         this.loadCommentCaptchaImage(form, true)
                     }
-                },
-                error: (e) => {
-                    this.toast(`请求错误：${e.statusText}`, TYPE_DANGER)
-                    this.loadCommentCaptchaImage(form, true)
-                }
-            })
+                })
+            }
+            if (validateType === 'gt') {
+                this.gt.validate((code) => {
+                    startSubmit(code)
+                });
+            } else {
+                startSubmit()
+            }
+            return false;
         })
     }
 
@@ -714,6 +725,15 @@ class Puock {
 
     }
 
+    parseFormData(formEl, args = {}) {
+        const dataArr = formEl.serializeArray();
+        const data = {...args};
+        for (let i = 0; i < dataArr.length; i++) {
+            data[dataArr[i].name] = dataArr[i].value;
+        }
+        return jQuery.param(data);
+    }
+
     eventCommentPreSubmit() {
         $(document).on('submit', '#comment-form', (e) => {
             e.preventDefault();
@@ -746,14 +766,9 @@ class Puock {
         let submitUrl = $("#comment-form").attr("action");
         this.commentFormLoadStateChange();
         const el = $(target);
-        const dataArr = el.serializeArray();
-        const data = {...args};
-        for (let i = 0; i < dataArr.length; i++) {
-            data[dataArr[i].name] = dataArr[i].value;
-        }
         $.ajax({
             url: submitUrl,
-            data: jQuery.param(data),
+            data: this.parseFormData(el, args),
             type: el.attr('method'),
             success: (data) => {
                 this.toast('评论已提交成功', TYPE_SUCCESS);

assets/style/animation.less

@@ -0,0 +1,17 @@
+@-webkit-keyframes breathe {
+  0% {
+    opacity: .5;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+.pk-breathe{
+  -webkit-animation-timing-function: ease-in-out;
+  -webkit-animation-name: breathe;
+  -webkit-animation-duration: 1200ms;
+  -webkit-animation-iteration-count: infinite;
+  -webkit-animation-direction: alternate;
+}

assets/style/common.less

@@ -306,7 +306,7 @@ a {
 }
 
 .c-sub() {
-  color: #808695 !important;
+  color: var(--pk-c-sub) !important;
 }
 
 .bg-255 {
@@ -318,7 +318,7 @@ a {
 }
 
 .c-sub-a {
-  color: #808695 !important;
+  color: var(--pk-c-sub) !important;
   .ta3-fun();
 
   &:hover {
@@ -461,7 +461,7 @@ a {
   cursor: pointer;
   border-radius: 2px;
   background-color: var(--pk-bg-box-content);
-  color: #808695 !important;
+  color: var(--pk-c-sub) !important;
   &:hover{
     background-color: var(--pk-c-primary);
     color: var(--pk-c-light) !important;

assets/style/style.less

@@ -1,6 +1,7 @@
 @import "var";
 @import "init";
 @import "common";
+@import "animation";
 
 body {
   background-color: var(--pk-bg-body);

assets/style/var.less

@@ -10,6 +10,7 @@ body {
   --pk-c-secondary: #6c757d;
   --pk-c-yellow: #f5c800;
   --pk-c-font: #343a40;
+  --pk-c-sub: #808695;
   --pk-bg-body: #f3f5f7;
   --pk-bg-card: #fff;
   --pk-bg-box: #fff;