For AI agents: the complete documentation index is available at https://a3s-lab.github.io/UI/v0.4.1/llms.txt, the full documentation bundle is available at https://a3s-lab.github.io/UI/v0.4.1/llms-full.txt, and this page is available as Markdown at https://a3s-lab.github.io/UI/v0.4.1/components/image.md.

图像

将图像、替代文字、说明和加载状态组合成稳定的阅读单元,避免内容载入造成布局跳动。

实时预览
A3S OS 官方标志
使用稳定纵横比呈现官方身份资产。

用法

<figure class="image" data-state="ready" data-aspect="square">
  <img src="/logo.png" alt="Official A3S OS mark" width="480" height="480" /><figcaption>Official identity asset rendered with a stable aspect ratio.</figcaption>
</figure>

契约

接口值
根选择器figure.image
原生根元素<figure>
状态loading, ready, error
事件—
方法—

产品边界

组件不做远程代理、内容审核或图片编辑。缩放查看属于 Image Viewer,选择任务属于 Image Select。

组件只发布可复用的交互边界。数据获取、持久化、权限、可信内容与业务实体继续由宿主产品拥有。

可访问性

信息图像需要准确 alt,装饰图像使用空 alt。尺寸或宽高比应预先声明,错误状态提供文字说明和恢复路径。