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 时隐藏骨架,展示真实内容
10. animation 动画类型
gradient 流光 / pulse 呼吸 / none 无动画
gradient 流光
pulse 呼吸
none 无动画
11. delay 延迟显示
设置 delay=500,延迟 500ms 后才显示骨架,避免数据加载过快时闪烁
12. button 按钮骨架
button 配置生成按钮形状的占位骨架
13. input 输入框骨架
input 配置生成输入框形状的占位骨架,可与 button 组合使用