study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-12-19 18:25:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

编排卡片收缩时显示摘要

Browse Source
This commit is contained in:
fofolee
2025-01-05 14:40:00 +08:00
parent 923fc9e4de
commit 54bb43dcc8
21 changed files with 325 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/composer/card/CommandHead.vue
View File

@@ -20,8 +20,16 @@
</div>
<!-- 标题 -->
<div class="text-subtitle2 command-label q-px-sm drag-handle">
{{ command.label }}
<div class="drag-handle command-label">
<div class="text-subtitle2 command-label-text">
{{ command.label }}
</div>
<div
class="text-caption text-grey command-summary"
v-if="command.summary && isCollapsed"
>
{{ command.summary }}
</div>
</div>
<!-- 主要内容区域 -->
@@ -119,10 +127,20 @@ export default {
pointer-events: all;
cursor: grab;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 4px;
}
.command-label:hover {
color: var(--q-primary);
transition: all 0.3s ease;
}
.command-summary {
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
</style>