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

优化 DictEditor 组件布局：简化类结构，调整按钮容器宽度

Browse Source
This commit is contained in:
fofolee 2025-01-24 22:16:01 +08:00
parent 9ade7095a9
commit e574471689
1 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/composer/common/DictEditor.vue
View File

@ -9,9 +9,9 @@
<div
v-for="(item, index) in allItems"
:key="`${item.type}-${index}`"
class="row q-col-gutter-sm items-center"
class="row items-center"
>
<div class="col-4">
<div class="col-4 q-pr-sm">
<template v-if="item.type === 'fixed'">
<q-input
:model-value="item.key"
@ -81,10 +81,7 @@
@update:model-value="(val) => updateItemValue(val, index)"
/>
</div>
<div
v-if="item.type !== 'fixed' && !options?.disableAdd"
class="col-auto"
>
<div v-if="item.type !== 'fixed' && !options?.disableAdd">
<div class="btn-container">
<template v-if="localItems.length === 1">
<q-btn
@ -304,8 +301,9 @@ export default defineComponent({
.btn-container {
position: relative;
width: 32px;
width: 16px;
height: 32px;
padding-left: 4px;
display: flex;
align-items: center;
justify-content: center;