有这么几个场景需要考虑加载中状态:
- 内容正在拉取,仍未展示出来时:
- CSS 方案:CSS: Animation: Content Placeholder
- React 方案:Implementing Skeleton Screens In React,我未看,但是感觉靠谱
- 点击按钮等控件后,控件变成加载中,伴随着转圈动画及不可点击的行为。这种一般 CSS 框架会提供样式
- 做了修改操作后,期望页面内容刷新,但是刷新前希望将内容区域变成 loading 状态并且不可操作。参考 Bulma: is-loading for Arbitrary Element
对于转圈动画,参考 react-spinners 及 react-loader-spinner。