Skeleton 骨架屏

Skeleton 骨架屏

何时使用

  • 数据加载中需要展示占位骨架时。

基础用法

<template>
  <div class="flex items-center gap-4">
    <Skeleton class="size-12 rounded-full" />
    <div class="flex-1 space-y-2">
      <Skeleton class="h-4 w-3/4" />
      <Skeleton class="h-4 w-1/2" />
    </div>
  </div>
</template>

导入

import { Skeleton } from "@reglow/reui";

Props

通过 class 控制形状(宽高、圆角),如 h-4 w-1/2size-12 rounded-full