study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-06-29 20:32:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

valinput变量选择框美化

Browse Source
This commit is contained in:
fofolee 2025-01-07 00:54:59 +08:00
parent 5947e537fe
commit 4b3323c5db
1 changed files with 26 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/composer/common/VariableInput.vue
View File

@ -111,9 +111,21 @@
<template v-else>
<q-item>
<q-item-section>
<q-item-label
>无可用变量，请先点击命令卡片输出变量按钮设置变量</q-item-label
>
<q-item-label class="empty-variables-tip">
<div class="q-gutter-md">
<div class="row items-center justify-center text-grey-6">
<q-icon name="info" size="20px" class="q-mr-sm" />
<span>无可用变量</span>
</div>
<div class="row items-center justify-center">
<span class="text-grey-7"
>点击命令卡片右上角的
<q-icon name="output" size="16px" class="q-mx-xs" />
按钮添加输出变量
</span>
</div>
</div>
</q-item-label>
</q-item-section>
</q-item>
</template>
@ -411,4 +423,15 @@ export default defineComponent({
.body--dark .option-item:hover {
backg: rgba(255, 255, 255, 0.1);
}
.empty-variables-tip {
text-align: center;
font-size: 13px;
opacity: 0.9;
transition: opacity 0.3s ease;
}
.empty-variables-tip:hover {
opacity: 1;
}
</style>