feat:调整加载样式

This commit is contained in:
zoujing
2026-01-21 16:08:36 +08:00
parent acc3d24f78
commit b8cdf530fc
5 changed files with 81 additions and 9 deletions

View File

@@ -12,11 +12,8 @@
<!-- 消息气泡 -->
<div class="max-w-[70%]">
<div class="flex items-start gap-2 pt-0.5 mb-2"
:class="msg.messageRole === MessageRole.ME ? 'flex-row-reverse' : 'flex-row'">
<span class="text-xs text-[#4E5969]"> ZHINIAN</span>
<span class="text-xs text-[#86909C]"> 20:30</span>
</div>
<!-- 名字和时间 -->
<ChatNameTime :showReverse="msg.messageRole === MessageRole.ME" />
<!-- AI 发的消息 -->
<ChatRoleAI v-if="msg.messageRole === MessageRole.AI" :msg="msg" />
@@ -25,9 +22,7 @@
<ChatRoleMe v-if="msg.messageRole === MessageRole.ME" :msg="msg" />
<!-- AI 标识 -->
<div v-if="msg.messageRole === MessageRole.AI && msg.finished" class="mt-2 text-xs text-gray-400 ">
本回答由 AI 生成
</div>
<ChatAIMark v-if="msg.messageRole === MessageRole.AI && msg.finished" />
<!-- AI 操作按钮 -->
<ChatOperation v-if="msg.messageRole === MessageRole.AI && msg.finished" :msg="msg" />
@@ -79,6 +74,8 @@ import ChatAvatar from './components/ChatAvatar.vue';
import ChatOperation from './components/ChatOperation.vue';
import ChatRoleAI from './components/ChatRoleAI.vue';
import ChatRoleMe from './components/ChatRoleMe.vue';
import ChatAIMark from './components/ChatAIMark.vue';
import ChatNameTime from './components/ChatNameTime.vue';
import { Session } from '../../utils/storage';