We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.

包含子组件

加载占位图包含子组件。

      加载中

列表样例

在列表组件中使用加载占位符。

      加载中

API#

nz-skeletoncomponent#

属性	说明	类型	默认值
`[nzActive]`	是否展示动画效果	`boolean`	`false`
`[nzAvatar]`	是否显示头像占位图	`boolean \| NzSkeletonAvatar`	`false`
`[nzLoading]`	为 `true` 时，显示占位图。反之则直接展示子组件	`boolean`	-
`[nzParagraph]`	是否显示段落占位图	`boolean \| NzSkeletonParagraph`	`true`
`[nzTitle]`	是否显示标题占位图	`boolean \| NzSkeletonTitle`	`true`
`[nzRound]`	为 `true` 时，段落和标题显示圆角	`boolean`	`false`

NzSkeletonAvatar#

属性	说明	类型	默认值
`size`	设置头像占位图的大小	`number \| 'large' \| 'small' \| 'default'`	-
`shape`	指定头像的形状	`'circle' \| 'square'`	-

NzSkeletonTitle#

属性	说明	类型	默认值
`width`	设置标题占位图的宽度	`number \| string`	-

NzSkeletonParagraph#

属性	说明	类型	默认值
`rows`	设置段落占位图的行数	`number`	-
`width`	设置标题占位图的宽度，若为数组时则为对应的每行宽度，反之则是最后一行的宽度	`number \| string \| Array<number \| string>`	-

nz-skeleton-element [nzType="button"]component#

属性	说明	类型	默认值
`[nzActive]`	是否展示动画效果	`boolean`	`false`
`[nzSize]`	大小	`'large' \| 'small' \| 'default'`	`'default'`
`[nzShape]`	形状	`'square' \| 'circle' \| 'round' \| 'default'`	`'default'`

nz-skeleton-element [nzType="avatar"]component#

属性	说明	类型	默认值
`[nzActive]`	是否展示动画效果	`boolean`	`false`
`[nzSize]`	大小	`number \| 'large' \| 'small' \| 'default'`	`'default'`
`[nzShape]`	形状	`'circle' \| 'square'`	`'square'`

nz-skeleton-element [nzType="input"]component#

属性	说明	类型	默认值
`[nzActive]`	是否展示动画效果	`boolean`	`false`
`[nzSize]`	大小	`'large' \| 'small' \| 'default'`	`'default'`

nz-skeleton-element [nzType="image"]component#

属性	说明	类型	默认值
`[nzActive]`	是否展示动画效果	`boolean`	`false`