关于javascript:分享一个提升-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成果更有趣味:

网站中还有大量的素材能够收费应用:

感兴趣的能够去看一下。

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理