From 6bac509f8e6efc205d9f37a84c9b019ec828467a Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期三, 07 五月 2025 14:22:26 +0800 Subject: [PATCH] feat: 接口 --- src/components/DataBoardCard/DataBoardCard.vue | 13 +++++++++++-- 1 files changed, 11 insertions(+), 2 deletions(-) diff --git a/src/components/DataBoardCard/DataBoardCard.vue b/src/components/DataBoardCard/DataBoardCard.vue index d337f37..3928ffd 100644 --- a/src/components/DataBoardCard/DataBoardCard.vue +++ b/src/components/DataBoardCard/DataBoardCard.vue @@ -1,7 +1,7 @@ <template> <div class="data-board-card-wrapper"> <div class="data-board-card-title">{{ title }}</div> - <div class="data-board-card-content"> + <div class="data-board-card-content" :class="contentBetween && 'content-between'"> <slot></slot> </div> </div> @@ -14,9 +14,12 @@ type Props = { title?: string; + contentBetween?: boolean; }; -const props = withDefaults(defineProps<Props>(), {}); +const props = withDefaults(defineProps<Props>(), { + contentBetween: false, +}); </script> <style lang="scss" scoped> @@ -39,6 +42,12 @@ .data-board-card-content { flex: 1; min-height: 0; + + &.content-between { + display: flex; + justify-content: space-between; + align-items: center; + } } } </style> -- Gitblit v1.9.1