分享一個提高 Loading 體驗的小工具

今天看到一個不錯的動畫網站：https://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效果更有趣味：

網站中還有大量的素材能夠無償使用：

感興趣的能夠去看一下。