perf: 优化机器人回复

resources/assets/js/store/markdown.js

@@ -25,7 +25,7 @@ const MarkdownUtils = {
 
 export function MarkdownConver(text) {
     if (text === '...') {
-        return '<p><span class="input-blink"></span>&nbsp;</p>'
+        return '<div class="input-blink"></div>'
     }
     if (MarkdownUtils.mdi === null) {
         MarkdownUtils.mdi = new MarkdownIt({

resources/assets/sass/pages/components/dialog-markdown/markdown.less

@@ -74,6 +74,10 @@ body {
         }
 
         .input-blink {
+            width: 10px;
+            height: 20px;
+            position: relative;
+            &:before {
                 position: absolute;
                 content: '';
                 display: inline-block;
@@ -84,6 +88,7 @@ body {
                 animation: blink-animate 1.2s infinite steps(1, start);
             }
         }
+    }
 
     .self {
         .markdown-body {

resources/assets/sass/pages/components/dialog-wrapper.scss

@@ -578,7 +578,9 @@
         }
 
         .item-leave {
-            pre, code {
+            pre,
+            code,
+            .markdown-body {
                 visibility: hidden;
             }
         }
@@ -774,6 +776,7 @@
                             }
 
                             .markdown-body {
+                                min-height: 20px;
                                 line-height: 20px;
                             }