添加命令描述

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;

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>

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>