From 23a12566bb7d8959445ce05aafe848b0ae06fbe6 Mon Sep 17 00:00:00 2001
From: cc500 <2014434568@qq.com>
Date: Tue, 18 Feb 2025 10:03:07 +0800
Subject: [PATCH] =?UTF-8?q?thinkbox=20=E9=BB=91=E6=9A=97=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/theme.scss                     |  6 ++++++
 src/components/dialoguePanel/DialoguePanel.vue   |  1 -
 src/components/dialoguePanel/DialogueThought.vue | 13 +++++--------
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/assets/styles/theme.scss b/src/assets/styles/theme.scss
index 7a4a6dc..f153c24 100644
--- a/src/assets/styles/theme.scss
+++ b/src/assets/styles/theme.scss
@@ -12,6 +12,9 @@ body[theme='dark'] {
   --o-bash-bg: #2a2f37;
   --o-flow-code-bg: rgb(42,47,55);
   --o-flow-code-border: rgb(62,69,81);
+  --o-think-border:#8d98aa;
+  --o-think-header-bg:#2a2f37;
+  --o-think-header-text:#e4e8ee;
 }
 
 body[theme='light'] {
@@ -28,4 +31,7 @@ body[theme='light'] {
   --o-bash-bg: #f4f6fa;
   --o-flow-code-bg: rgb(244,256,258);
   --o-flow-code-border: rgb(223,229,239);
+  --o-think-border:#ccc;
+  --o-think-header-bg:#f8f8f8;
+  --o-think-header-text:#8d98aa;
 }
diff --git a/src/components/dialoguePanel/DialoguePanel.vue b/src/components/dialoguePanel/DialoguePanel.vue
index 9678d15..fed7ec3 100644
--- a/src/components/dialoguePanel/DialoguePanel.vue
+++ b/src/components/dialoguePanel/DialoguePanel.vue
@@ -308,7 +308,6 @@ const handleIsLike = () => {
 };
 
 onMounted(() => {
-  thoughtContent.value = "";
   isLike.value = props.isLikeList;
   setTimeout(() => {
     handleIsLike();
diff --git a/src/components/dialoguePanel/DialogueThought.vue b/src/components/dialoguePanel/DialogueThought.vue
index 17ebdd0..9c2b174 100644
--- a/src/components/dialoguePanel/DialogueThought.vue
+++ b/src/components/dialoguePanel/DialogueThought.vue
@@ -42,9 +42,10 @@ const contentAfterMark = computed(() => {
 
 <style lang="scss" scoped>
 .dialogue-thought {
+  background-color: var(--o-bg-color-base);
   position: relative;
   margin: 1rem 0;
-  border: 2px dashed #ccc;
+  border: 2px dashed var(--o-think-border);
   border-radius: 8px;
 
   .thought-header {
@@ -53,18 +54,14 @@ const contentAfterMark = computed(() => {
     align-items: center;
     padding: 0.5rem 1rem;
     cursor: pointer;
-    background-color: #f8f8f8;
-
+    background-color: var(--o-think-header-bg);
     .think-label {
       font-weight: bold;
-      color: #666;
       position: absolute;
       top: -0.7rem;
       left: 1rem;
       padding: 0 0.5rem;
-      // background-color: white;
     }
-
     .collapse-control {
       display: flex;
       align-items: center;
@@ -80,14 +77,14 @@ const contentAfterMark = computed(() => {
         }
       }
       .collapse-text {
-        color: #666;
+        color: var(--o-think-header-text);
       }
     }
   }
 
   .thought-content {
     padding: 1rem;
-    background-color: #fff;
+    // background-color: #fff;
     border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px;
   }
-- 
Gitee