From 31a543d0c506788b47d756b4439747ef49d9fa2d Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Mon, 27 Jan 2025 17:11:59 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=91=BD=E4=BB=A4=E6=8F=8F?=
 =?UTF-8?q?=E8=BF=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/composer/card/CommandButtons.vue |  7 ++++++-
 src/components/composer/card/CommandHead.vue    | 15 +++++++++++++++
 src/components/composer/common/CheckButton.vue  |  4 +++-
 3 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/components/composer/card/CommandButtons.vue b/src/components/composer/card/CommandButtons.vue
index 467b6f8..14cb938 100644
--- a/src/components/composer/card/CommandButtons.vue
+++ b/src/components/composer/card/CommandButtons.vue
@@ -18,7 +18,7 @@
         >
           <q-tooltip>
             <div class="text-body2">输出配置</div>
-            <div class="text-caption text-grey-5">
+            <div class="text-caption output-info">
               <div class="row items-center">
                 本命令配置输出变量数
                 <q-badge color="primary" class="output-badge">
@@ -250,6 +250,11 @@ export default {
   padding: 0 4px;
 }
 
+.output-info {
+  opacity: 0.8;
+  filter: grayscale(0.1);
+}
+
 .output-badge {
   font-size: 10px;
   width: 13px;
diff --git a/src/components/composer/card/CommandHead.vue b/src/components/composer/card/CommandHead.vue
index 0bb22bc..4defdd1 100644
--- a/src/components/composer/card/CommandHead.vue
+++ b/src/components/composer/card/CommandHead.vue
@@ -32,6 +32,16 @@
       </div>
     </div>
 
+    <q-icon
+      name="info"
+      class="info-icon"
+      v-if="command.description && !isCollapsed"
+    >
+      <q-tooltip max-width="300px">
+        {{ command.description }}
+      </q-tooltip>
+    </q-icon>
+
     <!-- 主要内容区域 -->
     <div :class="contentClass">
       <slot></slot>
@@ -137,4 +147,9 @@ export default {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+
+.info-icon {
+  opacity: 0.6;
+  font-size: 12px;
+}
 </style>
diff --git a/src/components/composer/common/CheckButton.vue b/src/components/composer/common/CheckButton.vue
index 6e6b8f2..ebec2c0 100644
--- a/src/components/composer/common/CheckButton.vue
+++ b/src/components/composer/common/CheckButton.vue
@@ -19,7 +19,9 @@
             class="q-ml-xs check-btn-icon"
           />
         </div>
-        <q-tooltip v-if="placeholder">{{ placeholder }}</q-tooltip>
+        <q-tooltip v-if="placeholder" max-width="300px">{{
+          placeholder
+        }}</q-tooltip>
       </template>
     </q-btn>
   </div>