【发布时间】:2019-10-31 05:59:32
【问题描述】:
我想在加载内容之前使用加载器,例如 Youtube 上的加载器。在 youtube 上,每条内容在渲染实际内容之前都使用浅灰色加载器。它由正方形和圆形组成,以模拟即将呈现的实际内容。
你知道它是什么吗?令人惊讶的是,我在 material-ui 和谷歌搜索都找不到它。
【问题讨论】:
我想在加载内容之前使用加载器,例如 Youtube 上的加载器。在 youtube 上,每条内容在渲染实际内容之前都使用浅灰色加载器。它由正方形和圆形组成,以模拟即将呈现的实际内容。
你知道它是什么吗?令人惊讶的是,我在 material-ui 和谷歌搜索都找不到它。
【问题讨论】:
好的,我找到了解决问题的方法。
我一直在寻找的是“占位符 UI”或“骨架屏幕”。
就我而言,我想将它与 ReactJS 一起使用。 Semantic UI React 有库的占位符部分:
https://react.semantic-ui.com/elements/placeholder/#content-line
Material-UI 和其他样式库没有。但是,有一些外部软件包可以做到这一点,例如:
https://github.com/buildo/react-placeholder
也可以结合使用 html、svg 和 css 自行实现骨架屏。
【讨论】: