Card 卡片
/KARD/ · noun · 内容类模式 · #067
一个有边界的容器，把图片、标题、信息、操作打包成一件「拿得起来」的东西。所有信息流和网格的主力工人。
你可能会这样叫它
- “卡片”
- “带图片和标题的小方块”
- “商品格子”
- “网格里的圆角方框”
- “可点击的内容块”
……它的名字是 卡片（Card）。
代码里叫什么
| SwiftUI / UIKit | 没有卡片组件，通常是圆角容器（GroupBox 或自定义视图） |
|---|---|
| Jetpack Compose | Card ElevatedCard OutlinedCard |
| Android (Views) | MaterialCardView |
| Flutter | Card |
| Web (HTML) | <article> |
复制给 AI 编程工具
把这些内容做成响应式网格里的卡片：每张卡片是一个圆角容器，顶部放图片，下面是标题、一两行描述，最多一两个操作。整张卡片只是一个指向详情页的链接——用标题作链接并扩展到覆盖整张卡片——不要嵌套链接。同一行的卡片保持等高，网页上用 <article> 元素。