Quellcode durchsuchen

Merge branch 'dev_zyh' of United_Software/k_online_ui into dev

Jack Zhou vor 6 Monaten
Ursprung
Commit
c6322e659f
2 geänderte Dateien mit 18 neuen und 13 gelöschten Zeilen
  1. 12 4
      src/styles/reset.scss
  2. 6 9
      src/views/AIRobotChat/src/AIRobotChat.vue

+ 12 - 4
src/styles/reset.scss

@@ -136,6 +136,7 @@ div {
 }
 
 .markdown-body {
+  display: inline-block;
   line-height: 1.6;
   font-size: 16px;
   color: #333;
@@ -199,12 +200,19 @@ div {
   overflow-x: auto;
 }
 
-.markdown-test b, .markdown-test strong,.markdown-test p,.markdown-test code,.markdown-test blockquote,.markdown-test ul,
-.markdown-test ol,.markdown-test li,.markdown-test h1,
+.markdown-test b,
+.markdown-test strong,
+.markdown-test p,
+.markdown-test code,
+.markdown-test blockquote,
+.markdown-test ul,
+.markdown-test ol,
+.markdown-test li,
+.markdown-test h1,
 .markdown-test h2,
 .markdown-test h3,
 .markdown-test h4,
 .markdown-test h5,
 .markdown-test h6 {
-  color: #FFF;
-}
+  color: #fff;
+}

+ 6 - 9
src/views/AIRobotChat/src/AIRobotChat.vue

@@ -289,14 +289,10 @@ defineExpose({
           src="./image/icon_loading.png"
           alt=""
         />
-        <!-- <span v-if="!msg.isAnswer">{{ msg.content }}</span> -->
-        <div>
-          <div v-html="renderedMessage(msg.content)" class="markdown-body"></div>
-          <LoadingDots
-            v-if="index === messages.length - 1 && msg.isAnswer && loadingAnswer"
-          ></LoadingDots>
-          <div></div>
-        </div>
+        <div v-html="renderedMessage(msg.content)" class="markdown-body"></div>
+        <LoadingDots
+          v-if="index === messages.length - 1 && msg.isAnswer && loadingAnswer"
+        ></LoadingDots>
         <!-- 评价  -->
         <div class="review" v-if="msg.isShowFeedback && msg.isAnswer">
           <el-button
@@ -526,7 +522,8 @@ defineExpose({
       .pause-btn {
         position: absolute;
         right: -22px;
-        top: 13px;
+        top: 50%;
+        transform: translateY(-50%);
         display: flex;
         align-items: center;
         justify-content: center;