Skip to content

Card 卡片

用于承载一组相关内容的信息容器。

基础用法

基础卡片

这是一张基础卡片,展示一组摘要信息。

内容区支持任意自定义结构。

无标题

无标题卡片

省略 title 属性时,仅保留内容区。

可悬浮

悬浮阴影

将鼠标移入卡片,可看到阴影过渡效果。

扩展区

带操作扩展区

通过 extra 插槽在标题右侧放置操作。

新建

封面图

内容区可放图片,组合成"封面 + 标题 + 描述"的媒体卡片。

带封面图的卡片

封面图山景徒步

周末两日轻装徒步路线推荐。

图片封面(img)

封面城市骑行

沿江 15 公里休闲骑行线路。

API

属性

属性说明类型默认值
hoverable是否开启悬浮阴影boolean
title卡片标题string

插槽

名称说明
默认卡片内容
extra标题右侧扩展区