添加命令描述

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>
<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;

View File

@ -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>

View File

@ -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>