Skip to content

Skeleton 骨架屏

基础用法

  • 加载较慢时,在页面真实数据加载之前,给用户展示出页面的大致结构。
  • 你可以把它当做一个带闪烁动画的 view 来用,本身不带UI,样式完全由你控制。
vue
<template>
  <sn-skeleton width="200px" height="50px" borderRadius="12px"></sn-skeleton>
</template>

更多演示请下载 demo 查看

属性

参数说明类型默认值可选值
width骨架屏宽度String--
height骨架屏高度String--
borderRadius骨架屏圆角大小String$xsmall-
margin骨架屏外边距String--
aniTime动画时间String1000ms-
customStyle自定义骨架屏样式UTSJSONObject{}-

插槽

名称说明
default这里放置内容

使用 MIT 协议