介绍
本文档主要用于描述 ShadcnSkeleton 组件的一些特性和用法。
用法
查看代码
vue
<template>
<ShadcnSkeleton />
</template>
<script setup lang="ts">
</script>动画 (animation)
查看代码
vue
<template>
<ShadcnSkeleton animation />
</template>
<script setup lang="ts">
</script>排版 (paragraph)
查看代码
vue
<template>
<ShadcnSkeleton :paragraph=" { rows: 5, width: [100, 200, '300px', '50%', '62%'] }"/>
</template>
<script setup lang="ts">
</script>类型 (type)
查看代码
vue
<template>
<ShadcnSkeletonItem animation type="circle"/>
<ShadcnSkeletonItem animation type="square"/>
<ShadcnSkeletonItem animation type="rect"/>
<ShadcnSkeletonItem animation type="image"/>
</template>
<script setup lang="ts">
</script>尺寸 (size)
查看代码
vue
<template>
<ShadcnSkeletonItem animation type="image" size="small"/>
<ShadcnSkeletonItem animation type="image" size="default"/>
<ShadcnSkeletonItem animation type="image" size="large"/>
</template>
<script setup lang="ts">
</script>