卡片 — CodeRoadMap站内有对应完整课时点击前往学习,带讲义与进度追踪节点说明与学习资源
卡片用于分组有关主题及其相关操作的信息。
- 支持任何类型的内容: 卡片是产品中最常用的组件之一,因此它们必须足够灵活,以支持放置在其中的任何其他组件。
- 信息结构: 无论卡片有多灵活,为卡片中的元素指定特定结构对于产品一致性都很重要。
- 支持媒体部分: 使用卡片最受欢迎的场景之一是将其与媒体内容混合使用。最受欢迎的选项是在内容顶部有一个全宽区域,或在卡片的某一边有一个全高区域。
- 补充操作: 卡片可以与通常放置在卡片底部的操作一起使用,或者卡片本身可以是可点击的,并代表一个操作。
- 响应式: 在移动视口上,卡片通常是全宽的,以节省内容空间。