Skeleton 骨架屏
引入
通过以下方式来全局注册组件,更多注册方式请参考。
<van-skeleton title :row="3" />
显示头像
通过 avatar
属性显示头像占位图。
<div>实际内容</div>
Props
组件导出以下类型定义:
import type { SkeletonProps, SkeletonAvatarShape } from 'vant';
样式变量
名称 | 默认值 | 描述 |
---|---|---|
—van-skeleton-row-height | 16px | - |
—van-skeleton-row-background-color | var(—van-active-color) | - |
—van-skeleton-row-margin-top | var(—van-padding-sm) | - |
—van-skeleton-title-width | 40% | - |
—van-skeleton-avatar-size | 32px | - |
—van-skeleton-avatar-background-color | var(—van-active-color) | - |
—van-skeleton-animation-duration | 1.2s | - |