组件
骨架
在内容加载时显示占位符。
用法
用于在内容加载时显示占位符。
<template>
<div class="flex items-center space-x-4">
<USkeleton class="h-12 w-12" :ui="{ rounded: 'rounded-full' }" />
<div class="space-y-2">
<USkeleton class="h-4 w-[250px]" />
<USkeleton class="h-4 w-[200px]" />
</div>
</div>
</template>
属性
ui
{ base?: string; background?: string; rounded?: string; } & { [key: string]: any; } & { strategy?: Strategy; }
{}as
字符串
"div"配置
{
base: 'animate-pulse',
background: 'bg-gray-100 dark:bg-gray-800',
rounded: 'rounded-md'
}