分享一个提升 Loading 体验的小工具

今天看到一个不错的动画网站：lottiefiles.com/

可以自己编辑生成动画，并且能十分方便的引入到你的项目中。

比如上图的猫咪动画：

import Lottie from "react-lottie";
import * as catData from "./cat.json";

const defaultOptions = {
  loop: true,
  autoplay: true,
  animationData: catData.default,
  rendererSettings: {
    preserveAspectRatio: "xMidYMid slice"
  }
};

//...
<Lottie options={defaultOptions} height={120} width={120} />

借用这个能力， 我们可以让loading效果更有趣味：

网站中还有大量的素材可以免费使用：

感兴趣的可以去看一下。