Card 卡片

通用卡片容器。

何时使用 #

最基础的卡片容器,可承载文字、列表、图片、段落,常用于后台概览页面。

代码演示

包含标题、内容、操作区域。

在灰色背景上使用无边框的卡片。

只包含内容区域。

可以调整默认边距,设定宽度。

在系统概览页面常常和栅格进行配合。

数据读入前会有文本块样式。

一种常见的卡片内容区隔模式。

API

参数 说明 类型 默认值
nzBordered 是否有边框 Boolean true
nzNoHovering 取消鼠标移过浮起 Boolean false
nzLoading 是否显示加载状态 Boolean false
#title 卡片标题标识 ng-template
#extra 卡片右上角的操作区域 ng-template
#body 卡片内容区域 ng-template