Skip to main content

Skeleton 骨架屏

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

组件类型​

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

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

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

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

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

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

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

组件状态​

应用场景​

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

设计资源​

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

设计指南​

--

API 参考​

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

设计变量​

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