Skeleton 骨架屏
引入
通过 属性显示标题占位图,通过 row
属性配置占位段落行数。
显示头像
将 loading
属性设置成 false
表示内容加载完成,此时会隐藏占位图,并显示 Skeleton
的子组件。
API
Props
名称 | 默认值 | 描述 |
---|---|---|
@skeleton-row-height | 16px | - |
@skeleton-row-background-color | @active-color | - |
@skeleton-row-margin-top | @padding-sm | - |
@skeleton-title-width | 40% | - |
@skeleton-avatar-size | 32px | - |
@skeleton-avatar-background-color | - | |
@skeleton-animation-duration | 1.2s | - |