feat:结果页聊天发送消息时显示与心愿生成一致的动态加载效果

This commit is contained in:
2026-06-15 12:01:12 +08:00
parent c744d92f38
commit 42543ff8a6
+15 -1
View File
@@ -227,7 +227,11 @@
:class="{ user: message.role === 'user', system: message.role === 'assistant', pending: message.pending }"
>
<text selectable user-select>{{ getMessageDisplayContent(message) }}</text>
<text v-if="message.pending" class="typing-cursor">|</text>
<view v-if="message.pending" class="thinking-dots">
<view></view>
<view></view>
<view></view>
</view>
<view
v-if="isAssistantMessage(message)"
class="message-toggle"
@@ -240,6 +244,16 @@
</view>
</view>
<view v-if="resultChatting" class="generation-loading">
<view class="loading-orbit streaming">
<view class="orbit-ring outer"></view>
<view class="orbit-ring inner"></view>
<view class="orbit-core"></view>
</view>
<text class="loading-copy">正在为你重写人生</text>
<text class="loading-subcopy">AI 正在思考下一步方向</text>
</view>
<view :id="resultScrollAnchor" class="result-scroll-anchor"></view>
</view>
</scroll-view>