摆内容
图片
Image
「图片展示块」「图像组件」「产品图」「封面图」
LIVE DEMO真实可交互，动手试试
产品预览图
固定比例 + 加载占位
- 英文名
- Image
- 别名 · 俗称
- 图像图片组件图片展示
- Web 叫法
- Image
- 大白话定义
- 在界面里展示图片资源的基础组件，常带占位、懒加载、裁切和预览能力。
- 部位拆解
- 图片内容 Asset真正要显示的图片
- 容器 Frame控制尺寸、比例和裁切方式
- 占位 Placeholder加载前或失败后的替代状态
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
做一个商品图片（Image），固定 4:3 比例，加载前显示骨架占位，点击可查看大图预览
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的图片组件（Image）。逐一排除：容器比例不固定导致布局跳动；object-fit 选错被裁掉关键内容；加载失败没有兜底图；暗色背景下边界不清。症状是：