Data Card 数据卡片

该组件用于统一表单页面的样式和布局风格，使用该组件包裹SearchFrom、DataTable、DataPagination无需编写任何代码即可获得统一的样式和布局风格，并且可以自适应宽高。

全局配置

在全局配置组件属性。

DataCard组件属性配置

ts

app.provide(DATA_CARD_KEY, {
  shadow: 'always',
  // others props...
});

基础用法

属性&事件&插槽透传

Data Card基于ElCard封装，所以你可以传入ElCard的所有属性和事件。

类型声明

ts

import type { CardProps as ElCardProps } from 'element-plus';

/**
 * 数据卡片组件包含透传属性在内的全部属性
 */
export type DataCardFullProps = Partial<ElCardProps>;