添加命令描述

This commit is contained in:
fofolee 2025-01-27 17:11:59 +08:00
parent 15476a9358
commit 31a543d0c5
3 changed files with 24 additions and 2 deletions

View File

@ -18,7 +18,7 @@
> >
<q-tooltip> <q-tooltip>
<div class="text-body2">输出配置</div> <div class="text-body2">输出配置</div>
<div class="text-caption text-grey-5"> <div class="text-caption output-info">
<div class="row items-center"> <div class="row items-center">
本命令配置输出变量数 本命令配置输出变量数
<q-badge color="primary" class="output-badge"> <q-badge color="primary" class="output-badge">
@ -250,6 +250,11 @@ export default {
padding: 0 4px; padding: 0 4px;
} }
.output-info {
opacity: 0.8;
filter: grayscale(0.1);
}
.output-badge { .output-badge {
font-size: 10px; font-size: 10px;
width: 13px; width: 13px;

View File

@ -32,6 +32,16 @@
</div> </div>
</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"> <div :class="contentClass">
<slot></slot> <slot></slot>
@ -137,4 +147,9 @@ export default {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.info-icon {
opacity: 0.6;
font-size: 12px;
}
</style> </style>

View File

@ -19,7 +19,9 @@
class="q-ml-xs check-btn-icon" class="q-ml-xs check-btn-icon"
/> />
</div> </div>
<q-tooltip v-if="placeholder">{{ placeholder }}</q-tooltip> <q-tooltip v-if="placeholder" max-width="300px">{{
placeholder
}}</q-tooltip>
</template> </template>
</q-btn> </q-btn>
</div> </div>