import React from "react";
import Lottie from "react-lottie";
import iconData from "~/assets/gifs/gitfs.json"; //动画json文件
const IconComponent: React.FC = () => {
const defaultOptions = {
loop: true,
autoplay: true,
animationData: iconData,
rendererSettings: {
},
};
return <Lottie width="66px" options={defaultOptions}
/>;
};
export default IconComponent;
使用react-lottie实现动画效果
最新推荐文章于 2024-08-13 08:39:42 发布