Skeleton 骨架屏

引入

通过以下方式来全局注册组件,更多注册方式请参考组件注册

  1. <van-skeleton title :row="3" />

显示头像

通过 avatar 属性显示头像占位图。

  1. <div>实际内容</div>

Props

组件导出以下类型定义:

  1. import type { SkeletonProps, SkeletonAvatarShape } from 'vant';

样式变量

名称默认值描述
—van-skeleton-row-height16px-
—van-skeleton-row-background-colorvar(—van-active-color)-
—van-skeleton-row-margin-topvar(—van-padding-sm)-
—van-skeleton-title-width40%-
—van-skeleton-avatar-size32px-
—van-skeleton-avatar-background-colorvar(—van-active-color)-
—van-skeleton-animation-duration1.2s-