|
|
|
@ -141,14 +141,21 @@ |
|
|
|
<view class="thinking-process"> |
|
|
|
<view class="thinking-header"> |
|
|
|
<view class="thinking-icon">∞</view> |
|
|
|
<view class="thinking-title">深度思考 正在思考</view> |
|
|
|
<view class="thinking-count"></view> |
|
|
|
<view class="thinking-toggle" @click="message.isThinking = !message.isThinking"> |
|
|
|
<span v-if=" message.isThinking">↑</span> |
|
|
|
<view class="thinking-title">{{ |
|
|
|
message.isTyping ? "正在思考" : "思考完成" |
|
|
|
}}</view> |
|
|
|
<view class="thinking-count"> |
|
|
|
|
|
|
|
</view> |
|
|
|
<view |
|
|
|
class="thinking-toggle" |
|
|
|
@click="message.isThinking = !message.isThinking" |
|
|
|
> |
|
|
|
<span v-if="message.isThinking">↑</span> |
|
|
|
<span v-else>↓</span> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view v-show=" message.isThinking" class="thinking-content"> |
|
|
|
<view v-show="message.isThinking" class="thinking-content"> |
|
|
|
<view class="thinking-item"> |
|
|
|
<view class="item-status"> |
|
|
|
<span class="checkmark">✓</span> |
|
|
|
@ -384,19 +391,14 @@ const simulateBotResponse = async (userMessage) => { |
|
|
|
|
|
|
|
messages.value.push(botMsg); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 添加请求延迟 |
|
|
|
await new Promise(resolve => setTimeout(resolve, 10000)); |
|
|
|
await new Promise((resolve) => setTimeout(resolve, 10000)); |
|
|
|
const toDataInfo = await getDataInfo(); |
|
|
|
console.log(toDataInfo); |
|
|
|
// dataInfo.value = toDataInfo.data; |
|
|
|
// console.log(dataInfo.value); |
|
|
|
messages.value[messages.value.length - 1].isThinking = false; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 滚动到底部 |
|
|
|
setTimeout(() => { |
|
|
|
scrollToBottom(); |
|
|
|
@ -423,7 +425,7 @@ const simulateBotResponse = async (userMessage) => { |
|
|
|
} else { |
|
|
|
messages.value[messages.value.length - 1].isTyping = false; |
|
|
|
isSending.value = false; |
|
|
|
dataInfo.value = ''; |
|
|
|
dataInfo.value = ""; |
|
|
|
// 最后确保滚动到底部 |
|
|
|
setTimeout(() => { |
|
|
|
scrollToBottom(); |
|
|
|
@ -1034,4 +1036,5 @@ function getDataInfo() { |
|
|
|
.item-text { |
|
|
|
font-size: 24rpx; |
|
|
|
color: #333; |
|
|
|
}</style> |
|
|
|
} |
|
|
|
</style> |