SepSkeleton 骨架屏组件 v1.2.0

内容加载时的占位骨架 · loading 开关 / animation 动画类型 / delay 延迟显示 / avatar+title+paragraph+image+button+input 多形态 / layout 布局方向 / round 圆角 / template 自定义模板

1. 基础用法

默认显示标题 + 3 行段落

2. 动画效果 active

active=true 时有流光动画

3. 头像骨架 avatar

圆形 / 方形头像

4. 图片骨架 image

图片占位骨架

5. 水平布局 layout="horizontal"

头像在左,文字在右

6. 圆角 round

段落行显示为圆角胶囊

7. 自定义行数和宽度

paragraph.rows 控制行数,width 支持数组逐行设置

8. 自定义模板 template

通过 template 自定义骨架结构

9. loading 切换

loading=false 时隐藏骨架,展示真实内容
切换 loading loading=true

10. animation 动画类型

gradient 流光 / pulse 呼吸 / none 无动画
gradient 流光
pulse 呼吸
none 无动画

11. delay 延迟显示

设置 delay=500,延迟 500ms 后才显示骨架,避免数据加载过快时闪烁

12. button 按钮骨架

button 配置生成按钮形状的占位骨架

13. input 输入框骨架

input 配置生成输入框形状的占位骨架,可与 button 组合使用

14. 自动化断言