卡片组

CardGroup组件允许您将多个Card组件组合在一起，显示一组卡片。

示例效果

卡片1

卡片内容1。

卡片2

卡片内容2。

卡片3

卡片内容3。

卡片4

卡片内容4。

代码：

<CardGroup cols="2">
    <Card title="卡片1" icon="material-two-tone-storefront" > 
        卡片内容1。
    </Card>
    <Card title="卡片2" icon="material-two-tone-business_center" >
        卡片内容2。
    </Card>
    <Card title="卡片3" icon="material-two-tone-cottage" >
        卡片内容3。
    </Card>
    <Card title="卡片4" icon="material-two-tone-corporate_fare" >
        卡片内容4。
    </Card>
</CardGroup>

参数说明

CardGroup

cols

number

定义卡片组的列数量

必需

示例效果#

参数说明#

示例效果

参数说明