Skeleton 骨架屏

列表 / 详情加载占位：RdSkeletonBone shimmer 骨块，可组合布局。

骨架块

<script setup lang="ts">
import { RdSkeletonBone } from '@rd-element/ui'
</script>

<template>
  <div class="demo-stack" style="max-width:320px">
    <RdSkeletonBone height="14px" width="100%" />
    <RdSkeletonBone height="14px" width="72%" />
    <RdSkeletonBone height="32px" rounded="md" />
  </div>
</template>

API

Attributes

属性名	说明	类型	默认值
width	宽度	string	'100%'
height	高度	string	'14px'
circle	圆形（头像）	boolean	false
pill	胶囊形	boolean	false
rounded	圆角级别	'sm' | 'md' | 'pill'	'sm'