跳到主要内容

Skeleton 骨架屏

当网络较慢时,在页面真实数据加载之前,给用户展示出页面的大致结构。


组件类型

骨架屏-类型-头像骨架屏

骨架屏-类型-图片骨架屏

骨架屏-类型-文本骨架屏

骨架屏-类型-段落骨架屏

骨架屏-类型-列表骨架屏

骨架屏-类型-宫格骨架屏

骨架屏-类型-图文组合骨架屏

组件状态

应用场景

  • 大多应用在有固定版式的列表页。

设计资源

类型资源状态
设计Design Kit (Figma)
StorybookStorybook

设计指南

--

API 参考

属性说明类型默认值
aria-label按钮的标签string-

设计变量

变量默认值用法
$transition_duration-button_primary-bgvar(--kpay-transition_duration-none)主要按钮-背景色-动画持续时间