Browse Source

fix: 修复有代码时显示异常的问题

zhupei 1 year ago
parent
commit
ad09280d13

+ 7 - 1
src/modules/conversation-chat/DialogList.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-scrollbar type="track" :style="container_style" ref="scroll_container">
+  <a-scrollbar type="track" :style="container_style" ref="scroll_container" data-flat="list-container">
     <slot name="left"></slot>
 
     <div class="dialog-list dialog-markdown-container">
@@ -86,3 +86,9 @@ defineExpose({
   flex-grow: 1;
 }
 </style>
+
+<style>
+.conversation-chat-main-container .arco-scrollbar-track.arco-scrollbar-track-direction-horizontal {
+  display: none;
+}
+</style>

+ 3 - 0
src/utils/use-ele-size-v1.js

@@ -16,6 +16,9 @@ export default function useEleSize(ref_name) {
 
     ele_height.value = ele.offsetHeight;
     ele_width.value = ele.offsetWidth;
+
+    console.log(ele.offsetHeight, '--->>');
+    console.log(ele.offsetWidth, '--->>');
   };
 
   onMounted(() => {

+ 1 - 1
src/views/conversation/ConversationChatContainer.vue

@@ -22,7 +22,7 @@
             ref="list_scroller"
             class="conversation-chat-area"
             :height="list_height"
-            :width="chat_width"
+            :width="chat_width / 2"
             :agent_id="agent_id"
             :list="chat_display_list"
             :suggestion="chat_suggestion"