给评论框添加了渐显效果

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'
         })
       }

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>