Skeleton 骨架屏

文档: https://vant-contrib.gitee.io/vant/#/zh-CN/skeleton

占位用. 涉及组件: Skeleton, SkeletonTitle, SkeletonImage, SkeletonAvator, SkeletonParagraph.

其中 Skeleton 是通用组件, 利用属性组合可以实现其他组件. 而其他组件可以看成是该组件的特例 (快捷组件).

骨架屏组件是一个容器组件. 使用 loading 来控制组件状态:

• 为 true 时显示骨架屏
• 为 false 时显示子组件内容

根据渲染的情况, 可以将需要渲染的组件按照骨架屏的结构至于其子元素位置. 利用异步加载的状态来控制 loading 属性.

需要注意的是, 特定的骨架组件不具备 loading 属性. 基本上可以认为只需要使用 Skeleton 即可.

常用属性:

• loading 控制是否显示骨架屏
• row 显示的行数
• avatar 是否显示头像
• title 是否显示标题