From d6ff76310a7793bf358cfc1903048707777f20fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=94=E5=90=AC=E9=A3=8E=E5=90=9F?=
 <93642775+HcGys@users.noreply.github.com>
Date: Wed, 5 Jun 2024 10:53:57 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=99=E8=AF=84=E8=AE=BA=E6=A1=86=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E4=BA=86=E6=B8=90=E6=98=BE=E6=95=88=E6=9E=9C=20(#712)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 添加代码插件

* 修改代码语法错误

* 修改代码逻辑错误

* Update src/client/view/components/TkComments.vue

Co-authored-by: iMaeGoo <mail1st@qq.com>

* Update src/client/view/components/TkComments.vue

Co-authored-by: iMaeGoo <mail1st@qq.com>

* Update src/client/view/components/TkComments.vue

Co-authored-by: iMaeGoo <mail1st@qq.com>

* Update src/client/view/components/TkComments.vue

Co-authored-by: iMaeGoo <mail1st@qq.com>

* Update src/client/view/components/TkComments.vue

Co-authored-by: iMaeGoo <mail1st@qq.com>

* Update src/client/view/components/TkComments.vue

Co-authored-by: iMaeGoo <mail1st@qq.com>

* 评论框渐显

---------

Co-authored-by: iMaeGoo <mail1st@qq.com>
---
 src/client/view/components/TkComment.vue |  4 ++--
 src/client/view/components/TkSubmit.vue  | 16 ++++++++++++++--
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/client/view/components/TkComment.vue b/src/client/view/components/TkComment.vue
index 163b0fb2a..f35095bb5 100644
--- a/src/client/view/components/TkComment.vue
+++ b/src/client/view/components/TkComment.vue
@@ -208,7 +208,7 @@ export default {
     scrollToComment () {
       if (window.location.hash.indexOf(this.comment.id) !== -1) {
         this.$refs['tk-comment'].scrollIntoView({
-          behavier: 'smooth'
+          behavior: 'smooth'
         })
         this.$emit('expand')
       }
@@ -247,7 +247,7 @@ export default {
     onLoad () {
       if (this.comment.replies.length > 0) {
         this.$refs['tk-replies'].lastElementChild.scrollIntoView({
-          behavier: 'smooth',
+          behavior: 'smooth',
           block: 'center'
         })
       }
diff --git a/src/client/view/components/TkSubmit.vue b/src/client/view/components/TkSubmit.vue
index 9c45f7820..f6220ceb5 100644
--- a/src/client/view/components/TkSubmit.vue
+++ b/src/client/view/components/TkSubmit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="tk-submit" ref="tk-submit">
+  <div class="tk-submit tk-fade-in" ref="tk-submit">
     <div class="tk-row">
       <tk-avatar :config="config" :mail="mail" :nick="nick" />
       <div class="tk-col">
@@ -374,7 +374,7 @@ export default {
   mounted () {
     if (this.pid) {
       this.$refs['tk-submit'].scrollIntoView({
-        behavier: 'smooth',
+        behavior: 'instant',
         block: 'center'
       })
     }
@@ -477,4 +477,16 @@ export default {
   border-radius: 4px;
   word-break: break-word;
 }
+.tk-fade-in {
+  animation: tkFadeIn .3s;
+}
+@keyframes tkFadeIn {
+  0% {
+    opacity: 0
+  }
+
+  to {
+    opacity: 1
+  }
+}
 </style>