Card 卡片
用于承载一组相关内容的信息容器。
基础用法
基础卡片
这是一张基础卡片,展示一组摘要信息。
内容区支持任意自定义结构。
无标题
无标题卡片
省略 title 属性时,仅保留内容区。
可悬浮
悬浮阴影
将鼠标移入卡片,可看到阴影过渡效果。
扩展区
带操作扩展区
通过 extra 插槽在标题右侧放置操作。
封面图
内容区可放图片,组合成"封面 + 标题 + 描述"的媒体卡片。
带封面图的卡片
周末两日轻装徒步路线推荐。
图片封面(img)
沿江 15 公里休闲骑行线路。
API
属性
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
hoverable | 是否开启悬浮阴影 | boolean | — |
title | 卡片标题 | string | — |
插槽
| 名称 | 说明 |
|---|---|
| 默认 | 卡片内容 |
extra | 标题右侧扩展区 |