AAFAAFdev
工作区全部基础表单反馈编辑器动画

Lottie 动画

基于 lottie-web 的动画组件, 支持内联数据或 JSON 文件两种方式。

播放控制
鼠标悬停播放

悬停时播放,离开时归零

不同尺寸
40px
80px
120px
渲染器对比
svg
canvas

Props 参考

Prop类型默认值说明
animationDataobject—内联 JSON 数据(与 name 二选一)
namestring—文件名,加载 /icons/lottie/{name}.json
width / heightnumber | string300容器尺寸
loopbooleantrue是否循环播放
autoplaybooleantrue是否自动播放
renderersvg | canvas | htmlsvg渲染器类型
playOnHoverbooleanfalse悬停时播放
onComplete() => void—动画完成回调
onLoopComplete() => void—循环完成回调