优化思考过程代码

pages/deepMate/deepMate.vue

@@ -321,11 +321,9 @@ const goBlank = () => {
 };
 
 // 发送消息
-const sendMessage = async () => {
+const sendMessage =  () => {
   if (inputMessage.value.trim() === "" || isSending.value) return;
 
-  const res = await getDataInfo();
-  console.log("数据格式为"+dataInfo.value);
 
 
   const userMessage = {
@@ -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;
 }
 </style>