---
category: Components
type: 数据展示
title: Card
subtitle: 卡片
cols: 1
cover: https://gw.alipayobjects.com/zos/antfincdn/NqXt8DJhky/Card.svg
---

通用卡片容器。

## 何时使用

卡片的数据展示率较低，所以适用于列表内容简洁，没有太多复杂信息，可方便用户快速预览；

## 设计规范

卡片式列表的标题字体16px #3D446E 居左 Medium，副标题文本字体12px #8B8FA8 居左 Regular ;

卡片背景填充#FFFFFF，边1px#EBECF0，圆角: 4px;

典型卡片边1px#EAF0FC，投影 0px 2px 30px 0px #EAECF4;

## API

|类名  |说明  |使用示例  |
|---------|---------|---------|
|.dt-card-shadow   | 设置典型卡片的边框和投影 | 典型卡片 |