From d1bc9eda54cbcdb557db42fd807842f33010a8fe Mon Sep 17 00:00:00 2001
From: x ronger <ronger-x@outlook.com>
Date: Tue, 4 Aug 2020 23:31:25 +0800
Subject: [PATCH] =?UTF-8?q?:sparkles:=20=E8=AF=84=E8=AE=BA=E5=AE=9A?=
 =?UTF-8?q?=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/common/comment/main.vue | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/components/common/comment/main.vue b/components/common/comment/main.vue
index d0ddb51..0b850fa 100644
--- a/components/common/comment/main.vue
+++ b/components/common/comment/main.vue
@@ -34,7 +34,7 @@
       </el-col>
       <el-col style="margin-top: 1rem;">
         <el-col v-for="comment in comment.data" :key="comment.idComment">
-          <el-card style="margin-bottom: 0.5rem;">
+          <el-card style="margin-bottom: 0.5rem;" :id="'comment-' + comment.idComment">
             <el-col :xs="3" :sm="1" :xl="1">
               <el-avatar v-show="comment.commenter.userAvatarURL" :src="comment.commenter.userAvatarURL"></el-avatar>
               <el-avatar v-show="!comment.commenter.userAvatarURL"
@@ -323,6 +323,22 @@
           })
         }
       }
+
+      // 评论定位
+      Vue.nextTick(function () {
+        if (_ts.$route.hash) {
+          const element = document.getElementById(_ts.$route.hash.replace('#', ''));
+          if (element) {
+            let actualTop = element.offsetTop;
+            let current = element.offsetParent;
+            while (current !== null){
+              actualTop += current.offsetTop;
+              current = current.offsetParent;
+            }
+            window.scroll(0, actualTop);
+          }
+        }
+      })
     },
     watch: {
       isFetching(isFetching) {