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