update

README.md

@@ -10,6 +10,6 @@
 
 1. 进入Halo博客后台 -> 系统 -> 博客设置 -> 评论设置
 
-2. 将 `评论模块 JS` 修改为：`https://npm.elemecdn.com/halo-comment-yu@1.5.3/dist/halo-comment.min.js`
+2. 将 `评论模块 JS` 修改为：`https://npm.elemecdn.com/halo-comment-yu@1.5.4/dist/halo-comment.min.js`
 
 3. 保存

package.json

@@ -1,6 +1,6 @@
 {
   "name": "halo-comment-yu",
-  "version": "v1.5.3",
+  "version": "v1.5.4",
   "main": "dist/halo-comment.min.js",
   "private": false,
   "files": [

src/components/CommentEditor.vue

@@ -151,8 +151,8 @@
                 v-for="(info, index) in infoes"
                 :key="index"
             >
-              <span class="closebtn" @click="clearAlertClose">&times;</span>
               <strong>{{ info }}</strong>
+              <span class="closebtn" @click="clearAlertClose">&times;</span>
             </div>
           </template>
 
@@ -163,8 +163,8 @@
                 v-for="(success, index) in successes"
                 :key="index"
             >
-              <span class="closebtn" @click="clearAlertClose">&times;</span>
               <strong>{{ success }}</strong>
+              <span class="closebtn" @click="clearAlertClose">&times;</span>
             </div>
           </template>
 
@@ -175,8 +175,8 @@
                 v-for="(warning, index) in warnings"
                 :key="index"
             >
-              <span class="closebtn" @click="clearAlertClose">&times;</span>
               <strong>{{ warning }}</strong>
+              <span class="closebtn" @click="clearAlertClose">&times;</span>
             </div>
           </template>
         </div>
@@ -371,7 +371,7 @@ export default {
       this.emojiDialogVisible = !this.emojiDialogVisible;
     },
     handleSelectEmoji(emoji) {
-      if (emoji.aliases != null && emoji.aliases != "") {
+      if (emoji.aliases != null && emoji.aliases !== "") {
         this.comment.content += emoji.aliases;
       } else {
         this.comment.content += emoji.emoji;

src/components/CommentNode.vue

@@ -24,7 +24,7 @@
               itemprop="author"
           >
             <a
-                v-if="comment.authorUrl != null && comment.authorUrl != ''"
+                v-if="comment.authorUrl != null && comment.authorUrl !== ''"
                 :href="comment.authorUrl"
                 rel="nofollow"
                 target="_blank"

src/styles/global.scss

@@ -723,6 +723,8 @@ $md-link-color: #1890ff;
   }
 
   .alert {
+    display: flex;
+    display: -webkit-flex;
     animation: top20 500ms;
     border-radius: 4px;
     padding: 8px 16px;
@@ -731,6 +733,10 @@ $md-link-color: #1890ff;
     opacity: 1;
     transition: opacity 0.6s;
     margin-top: 10px;
+    justify-content: space-between;
+    -webkit-justify-content: space-between;
+    align-items: center;
+    -webkit-align-items: center;
 
     &.success {
       background-color: #4caf50;
@@ -745,12 +751,10 @@ $md-link-color: #1890ff;
     }
 
     .closebtn {
-      margin-left: 15px;
       color: #fff;
       font-weight: bold;
-      float: right;
       font-size: 22px;
-      line-height: 16px;
+      line-height: 22px;
       cursor: pointer;
       transition: 0.3s;
 

src/utils/util.js

@@ -72,7 +72,7 @@ export function isObject(value) {
 }
 
 export function validEmail(email) {
-    var re = /^[A-Za-z1-9]+([-_.][A-Za-z1-9]+)*@([A-Za-z1-9]+[-.])+[A-Za-z]{2,8}$/
+    var re = /^[A-Za-z0-9]+([-_.][A-Za-z0-9]+)*@([A-Za-z0-9]+[-.])+[A-Za-z]{2,8}$/
     return re.test(email);
 }