diff --git a/pages/deepMate/deepMate.vue b/pages/deepMate/deepMate.vue index 91237cd..477b1fd 100644 --- a/pages/deepMate/deepMate.vue +++ b/pages/deepMate/deepMate.vue @@ -321,12 +321,10 @@ const goBlank = () => { }; // 发送消息 -const sendMessage = async () => { +const sendMessage = () => { if (inputMessage.value.trim() === "" || isSending.value) return; - const res = await getDataInfo(); - console.log("数据格式为"+dataInfo.value); - + const userMessage = { content: inputMessage.value, @@ -747,8 +745,11 @@ const toggleThinking = () => { } .chat-scroll-view { - height: calc(80vh - 250rpx); /* 根据需要调整高度 */ - margin-top: 120rpx; + height: calc(80vh - 250rpx); + /* height: 80vh ; */ + /* flex: 1; */ + /* height: fit-content; */ + margin-top: 70rpx; } .message-list { @@ -937,11 +938,11 @@ const toggleThinking = () => { border-radius: 15rpx; } .panelShow { - height: 12%; + height: 150rpx; position: fixed; top: 70rpx; z-index: 999; - width: 95%; + width: 700rpx; } .pray-banner { @@ -986,74 +987,74 @@ const toggleThinking = () => { } .thinking-process { - margin: 10px 0; - border: 1px solid #e5e5e5; - border-radius: 8px; + margin: 20rpx 0; + border: 2rpx solid #e5e5e5; + border-radius: 2rpx; background-color: #f9f9f9; } .thinking-header { display: flex; align-items: center; - padding: 10px 15px; + padding: 20rpx 30rpx; cursor: pointer; background-color: #fff; - border-bottom: 1px solid #e5e5e5; + border-bottom: 2px solid #e5e5e5; } .thinking-icon { - font-size: 16px; - margin-right: 8px; + font-size: 32rpx; + margin-right: 16rpx; color: #d47c45; } .thinking-title { - font-size: 14px; + font-size: 28rpx; font-weight: 500; color: #d47c45; - margin-right: 8px; + margin-right: 16rpx; } .thinking-count { - font-size: 12px; + font-size: 24rpx; color: #666; - margin-right: 8px; + margin-right: 16rpx; } .thinking-toggle { - font-size: 12px; + font-size: 24rpx; color: #999; } .thinking-content { - padding: 10px 15px; + padding: 20rpx 30rpx; } .thinking-item { display: flex; align-items: center; - margin-bottom: 8px; - padding: 4px 0; + margin-bottom: 16rpx; + padding: 8rpx 0; } .item-status { - width: 16px; - height: 16px; + width: 32rpx; + height: 32rpx; border-radius: 50%; background-color: #f0f0f0; display: flex; justify-content: center; align-items: center; - margin-right: 8px; + margin-right: 16rpx; } .checkmark { - font-size: 10px; + font-size: 20rpx; color: #ff0000; } .item-text { - font-size: 12px; + font-size: 24rpx; color: #333; }