|
@@ -16,8 +16,6 @@
|
|
<div class="chat-container" ref="chatContainerRef">
|
|
<div class="chat-container" ref="chatContainerRef">
|
|
<div class="message-list">
|
|
<div class="message-list">
|
|
<div v-for="(item, index) in chatRecordList" :key="item.id">
|
|
<div v-for="(item, index) in chatRecordList" :key="item.id">
|
|
- <!-- 会话图标 -->
|
|
|
|
- <!--<div :class="item.isUser == 1? 'user-image' : 'system-image' "></div>-->
|
|
|
|
<div v-if="item.isUser == 1" class="user-message">
|
|
<div v-if="item.isUser == 1" class="user-message">
|
|
<img src="@/assets/images/common/ai/user.png" alt="icon" style="margin-left: 4px"/>
|
|
<img src="@/assets/images/common/ai/user.png" alt="icon" style="margin-left: 4px"/>
|
|
<span class="user-message-content">{{item.content}}</span>
|
|
<span class="user-message-content">{{item.content}}</span>
|
|
@@ -32,15 +30,16 @@
|
|
</div>
|
|
</div>
|
|
<div class="bot-message" v-if="streamHtmlData">
|
|
<div class="bot-message" v-if="streamHtmlData">
|
|
<img src="@/assets/images/common/ai/system.png" alt="icon"/>
|
|
<img src="@/assets/images/common/ai/system.png" alt="icon"/>
|
|
- <div class="bot-message-content" v-html="streamHtmlData"></div>
|
|
|
|
- <div class="typing">
|
|
|
|
- <span>
|
|
|
|
|
|
+ <div>
|
|
|
|
+ <div class="bot-message-content" v-html="streamHtmlData"></div>
|
|
|
|
+ <div class="typing">
|
|
<span class="loading-dots">
|
|
<span class="loading-dots">
|
|
<span class="dot"></span>
|
|
<span class="dot"></span>
|
|
<span class="dot"></span>
|
|
<span class="dot"></span>
|
|
</span>
|
|
</span>
|
|
- </span>
|
|
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|