refactor: 图表卡片样式
This commit is contained in:
@@ -1,5 +1,6 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { Card, CardContent, CardHeader, CardTitle } from '@vben-core/shadcn-ui';
|
import { Card, CardContent, CardHeader, CardTitle } from '@vben-core/shadcn-ui';
|
||||||
|
import { cn } from '@vben-core/shared/utils';
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
title: string;
|
title: string;
|
||||||
@@ -14,10 +15,10 @@ withDefaults(defineProps<Props>(), {});
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<Card>
|
<Card>
|
||||||
<CardHeader>
|
<CardHeader :class="cn('p-3 pb-0')">
|
||||||
<CardTitle class="text-xl">{{ title }}</CardTitle>
|
<CardTitle class="text-xl">{{ title }}</CardTitle>
|
||||||
</CardHeader>
|
</CardHeader>
|
||||||
<CardContent>
|
<CardContent :class="cn('p-0 pt-0')">
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
</CardContent>
|
</CardContent>
|
||||||
</Card>
|
</Card>
|
||||||
|
|||||||
Reference in New Issue
Block a user