fix: 调整知识库与工作流卡片信息布局

- 将发布状态移动到可见范围下方,释放标题空间

- 修正知识库卡片标题左对齐
This commit is contained in:
2026-07-30 16:20:39 +08:00
parent 57bd7b5d06
commit 5dbb46ef8f
4 changed files with 27 additions and 3 deletions

View File

@@ -456,6 +456,7 @@ function resolveMetaItems(item: any) {
}
.title-row--stacked .card-title {
align-self: flex-start;
max-width: 100%;
}

View File

@@ -707,7 +707,7 @@ function changeCategory(category: any) {
:tag-map="collectionTypeLabelMap"
>
<template #corner="{ item }">
<AiResourceCornerMeta>
<AiResourceCornerMeta publish-placement="below">
<template #publish>
<div
class="knowledge-publish-chip"

View File

@@ -1,5 +1,23 @@
<script setup lang="ts">
type PublishPlacement = 'below' | 'inline';
interface Props {
publishPlacement?: PublishPlacement;
}
const props = withDefaults(defineProps<Props>(), {
publishPlacement: 'inline',
});
</script>
<template>
<div class="ai-resource-corner-meta">
<div
class="ai-resource-corner-meta"
:class="{
'ai-resource-corner-meta--publish-below':
props.publishPlacement === 'below',
}"
>
<div class="ai-resource-corner-meta__item">
<slot name="publish"></slot>
</div>
@@ -17,6 +35,11 @@
justify-content: flex-end;
}
.ai-resource-corner-meta--publish-below {
flex-direction: column-reverse;
align-items: flex-end;
}
.ai-resource-corner-meta__item {
display: flex;
align-items: center;

View File

@@ -1100,7 +1100,7 @@ function handleHeaderButtonClick(data: any) {
:actions="actions"
>
<template #corner="{ item }">
<AiResourceCornerMeta>
<AiResourceCornerMeta publish-placement="below">
<template #publish>
<div
class="workflow-publish-chip"