ui component part / Card Media
Card Media
承载图片、视频或图表的媒体区域
Key fields
Identity
- Subtype
- 插槽
- Parent Taxonomy
- Card, Image Viewer, Lightbox, Media Card, Product Card, Testimonial Card, Video Player
What
- Definition
- 承载图片、视频或图表的媒体区域
- Composition & States
- 语义容器、可见内容、交互入口、辅助说明和状态反馈（按组件取舍）。
Why
- Role
- 承载图片、视频或图表的媒体区域
Where
- Applicable Context
- Web Interface Design
How
- Checklist
- 命名清晰；与父组件语义关联；覆盖键盘和读屏；处理空、错误、加载和禁用状态；验证响应式行为。
Lifecycle
- Status
- 启用
Related content
Relationships come from the local knowledge graph and include reverse links.
- Web Interface DesignWeb 界面设计Related
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- CardCardRelated
将相关信息和操作组合成可扫描、可比较的内容容器。
- Image ViewerImage ViewerRelated
支持缩放、旋转、平移和替代文本的图片查看器。
- LightboxLightboxRelated
将图片、视频或媒体放大到聚焦上下文中并支持关闭和导航。
- Media CardMedia CardRelated
结合图片、视频或音频预览、元信息和动作的内容卡片。
- Product CardProduct CardRelated
呈现产品、价格、规格、库存和购买操作的商业卡片。
- Testimonial CardTestimonial CardRelated
以头像、引用、姓名和身份呈现一条用户证言。
- Video PlayerVideo PlayerRelated
组合播放控制、时间轴、字幕、音量和全屏能力的视频播放器。