Ant Design, a design language. 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.

Ant Design, a design language. 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.

Nov 5, 2024 · ### Ant Design Skeleton 组件使用示例 Skeleton 组件用于在数据加载过程中显示占位符，从而提升用户体验。此组件可以模拟卡片、列表项或其他复杂结构的内容布局，在实际内容准备就绪之前提供视觉反馈。

Mar 26, 2019 · Complex combination with avatar and multiple paragraphs. Display active animation. 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. Skeleton contains sub component. Use skeleton in list component.

Ant Design Vue, a design language. 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.

Skeleton 骨架屏. 在需要等待加载内容的位置提供一个占位图形组合。 何时使用 # 网络较慢，需要长时间等待加载处理的情况下。 图文信息内容较多的列表/卡片中。 只在第一次加载数据的时候使用。

And also supports the animated prop of Skeleton. Essential UI blocks for building mobile web apps.

Skeleton 骨架屏. 在需要等待加载内容的位置提供一个占位图形组合。 何时使用 # 网络较慢，需要长时间等待加载处理的情况下。 图文信息内容较多的列表/卡片中。 只适合用在第一次加载数据的场景。

在确保手机性能的前提下，尽量使用预加载，最好不用骨架屏。 适用于图文信息较多且重要的首页、列表、卡片中。 小的模块类组件（例如弹窗）不要使用。 为 true 时，显示占位图。 反之则直接展示子组件. 为 true 时，显示占位图。 反之则直接展示子组件. 为 true 时，显示占位图。 反之则直接展示子组件. 为 true 时，显示占位图。 反之则直接展示子组件. 为 true 时，显示占位图。 反之则直接展示子组件. 为 true 时，显示占位图。 反之则直接展示子组件.

Jul 18, 2022 · Skeleton 骨架屏. 在需要等待加载内容的位置提供一个占位图形组合. 何时使用. 网络较慢需要长时间等待加载，且只在第一次加载的时候使用； 在确保手机性能的前提下，尽量使用预加载，最好不用骨架屏；