加载状态(内置三态:淡入 / 占位 / 错误)
已加载 .img.is-loaded(hover 放大)
loading 占位(演示覆盖底色为 --muted,默认 transparent)
error 态 .placeholder.is-error
海报卡角标(参考实现,非框架内置 · overlay slot 承载)
免费
8.9

山海之间

VIP 30
9.2

星河彼岸

限免
7.6

白夜微光

内置:占位 / 错误态(token --sw-image-placeholder-bg / --sw-image-placeholder-error-bg)、.img.is-loaded 淡入、overlay slot(.content 层)、 hover-zoom class(--sw-image-hover-zoom-scale);构建期 avif/webp srcset 与 .bnc 解密属运行时能力,静态卡不演示。参考实现(非框架内置):免费 / VIP 角标、金币价、评分星 —— applier 在 overlay slot 自渲染,色走 --brand-badge-free / --brand-badge-vip / --brand-coin / --brand-rating(fallback 语义 token)。 主要 props:src / alt 必填;ratio(防 CLS)/ fit / loading / fetchpriority / placeholder / radius / blur / preload / provider。