wupengfei
2025-05-07 6bac509f8e6efc205d9f37a84c9b019ec828467a
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>