简体中文
SkeletonScreen
约 385 字大约 1 分钟
2026-06-25
简介
骨架屏组件用于在页面内容加载过程中展示一个简单的占位结构。支持自定义骨架布局、动画效果、背景色等特性,提供了统一的内容加载占位方案,适用于需要提升用户等待体验的场景。
使用方法
局部引入,在需要引入的页面或组件的index.json中配置。
"usingComponents": {
"skeletonscreen": "ava-ui/fxui/SkeletonScreen/SkeletonScreen"
}代码演示
基础类型演示
组合案例演示
对象列表页骨架图
对象表单页骨架图
对象详情页骨架图
feed页骨架图
API
参数
| 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------- |---------- |------------- |-------- |-------- | | screenCount | 骨架屏数量 | Number | — | 1 | | type | 骨架屏类型 | String | normal | normal | | disabledAnimation | 是否禁用动画(动画对渲染性能有一定影响) | Boolean | — | false | roundCard | 是否指定为圆角卡片 | Boolean | — | false
Events
| 名称 | 参数 | 描述 |
|---|
