骨架屏加载指令｜纯CSS Shimmer占位组件即贴即用

骨架屏（Skeleton Screen）在接口数据返回前，用灰色占位块勾勒标题、正文与配图的轮廓，配合 Shimmer 扫光动效，向用户传达「内容即将呈现」，显著降低白屏跳出率。下图为效果示意，付费区提供可直接复制给 AI 编程助手的生成指令。

效果示意：

完整提示词（积分解锁）

本效果的完整 AI 生成指令、React / Vue 框架变体与配套文档，需积分解锁后查看。复制后粘贴到任意 AI 编程助手（Cursor / Claude / ChatGPT / 通义等）即可直接生成对应组件。

更多 loading 系列：骨架屏 / 旋转圈 / 进度条 / 跳动三点 / 波浪 / 脉冲 / 渐显。

微信扫码打开小程序