feat:结果页聊天发送消息时显示与心愿生成一致的动态加载效果
This commit is contained in:
@@ -227,7 +227,11 @@
|
|||||||
:class="{ user: message.role === 'user', system: message.role === 'assistant', pending: message.pending }"
|
:class="{ user: message.role === 'user', system: message.role === 'assistant', pending: message.pending }"
|
||||||
>
|
>
|
||||||
<text selectable user-select>{{ getMessageDisplayContent(message) }}</text>
|
<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
|
<view
|
||||||
v-if="isAssistantMessage(message)"
|
v-if="isAssistantMessage(message)"
|
||||||
class="message-toggle"
|
class="message-toggle"
|
||||||
@@ -240,6 +244,16 @@
|
|||||||
</view>
|
</view>
|
||||||
</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 :id="resultScrollAnchor" class="result-scroll-anchor"></view>
|
||||||
</view>
|
</view>
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
|
|||||||
Reference in New Issue
Block a user