修复检索词库卡片混乱的问题
This commit is contained in:
@@ -243,7 +243,7 @@ function resetDefault() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-else class="pm-tags-wrapper">
|
<div v-else class="pm-tags-wrapper">
|
||||||
<TransitionGroup name="list" tag="ul" class="pm-tags-list">
|
<TransitionGroup name="list" tag="ul" class="pm-tags-list" :css="!isSearching">
|
||||||
<li v-for="(t, ti) in filteredTags" :key="t.key + '_' + ti"
|
<li v-for="(t, ti) in filteredTags" :key="t.key + '_' + ti"
|
||||||
class="pm-tag-item"
|
class="pm-tag-item"
|
||||||
:draggable="!isSearching"
|
:draggable="!isSearching"
|
||||||
@@ -252,7 +252,8 @@ function resetDefault() {
|
|||||||
@drop="onDrop(ti)"
|
@drop="onDrop(ti)"
|
||||||
:class="{
|
:class="{
|
||||||
hidden: t.hidden,
|
hidden: t.hidden,
|
||||||
'pm-dragging-over': ti === overIndex
|
'pm-dragging-over': ti === overIndex,
|
||||||
|
'pm-tag-item-searching': isSearching
|
||||||
}">
|
}">
|
||||||
|
|
||||||
<div class="pm-tag-handle" title="拖拽排序" v-if="!isSearching">
|
<div class="pm-tag-handle" title="拖拽排序" v-if="!isSearching">
|
||||||
@@ -620,6 +621,7 @@ function resetDefault() {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
align-items: stretch;
|
||||||
gap: 12px;
|
gap: 12px;
|
||||||
position: relative; /* 确保列表项 absolute 定位相对于列表容器 */
|
position: relative; /* 确保列表项 absolute 定位相对于列表容器 */
|
||||||
}
|
}
|
||||||
@@ -637,6 +639,10 @@ function resetDefault() {
|
|||||||
transition: all 0.2s ease;
|
transition: all 0.2s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.pm-tag-item.pm-tag-item-searching {
|
||||||
|
grid-template-columns: 1fr auto;
|
||||||
|
}
|
||||||
|
|
||||||
.pm-tag-item:hover {
|
.pm-tag-item:hover {
|
||||||
box-shadow: var(--shadow-md);
|
box-shadow: var(--shadow-md);
|
||||||
border-color: var(--color-border-hover);
|
border-color: var(--color-border-hover);
|
||||||
@@ -676,6 +682,7 @@ function resetDefault() {
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr 1fr;
|
||||||
gap: 16px;
|
gap: 16px;
|
||||||
|
min-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pm-input-group {
|
.pm-input-group {
|
||||||
|
|||||||
Reference in New Issue
Block a user