骨架屏 API

返回用于列表、卡片、详情页加载态的 SVG 骨架屏。可选择布局类型与明暗主题。

在线试玩

布局 type整页 page卡片 card列表行 row网格 grid主题 themelightdark宽 w / 高 h

animate shimmer

HTTP API

https://cdn.devimg.cn/skeleton/350/120?type=card&theme=light

HTML / 代码

<img src="https://cdn.devimg.cn/skeleton/350/120?type=card&theme=light" alt="skeleton" width="350" height="120" />

骨架屏适用于加载态占位；animate=1 启用 shimmer。

---

GET /skeleton/:width/:height

参数

参数	位置	必填	说明
width	path	是	10–4000
height	path	是	10–4000
type	query	否	page（默认）| card | row | grid
theme	query	否	light（默认）| dark
cols	query	否	grid 列数，1–6，默认 3
animate	query	否	0（默认）| 1 启用 shimmer 动画

布局类型

type	说明
page	顶栏与多卡片条，适合整页加载
card	左图右文卡片
row	列表行（圆形头像与两行文字）
grid	等分网格

示例

<img src="https://cdn.devimg.cn/skeleton/375/812?type=page" alt="page skeleton" />
<img src="https://cdn.devimg.cn/skeleton/350/120?type=card&theme=dark" alt="card skeleton" />
<img src="https://cdn.devimg.cn/skeleton/300/64?type=row" alt="row skeleton" />
<img src="https://cdn.devimg.cn/skeleton/800/600?type=grid&cols=3&animate=1" alt="grid skeleton" />

响应

• Content-Type: image/svg+xml
• Cache-Control: public, max-age=3600