用途:lottie-tab 是一个带动画的底部标签栏(bottom-tab)指示器,以 Lottie JSON 格式提供。它属于 motion-anything 项目,遵循 MOTION-SPEC.md,动画 JSON 来自 spemer/lottie-animations-json(MIT 许可)。适合需要可移植动态效果的场景,例如图标或控件的微动画,也可用于 After Effects / Jitter 导出的动画。
主要能力:提供跨 Web 与 App 表现一致的 JSON 动画;通过 lottie-web 运行时播放。
使用方式:引入 lottie.min.js 运行时和 animation.json,然后调用 lottie.loadAnimation({ container, renderer:'svg', loop:true, autoplay:false, path:'animation.json' }); 在用户意图触发时启动,并针对减少动态效果做保护。
限制与注意:官方指出,如果纯 CSS 效果就能实现,就不要为此引入 Lottie 运行时,例如简单的淡入淡出。无障碍与性能方面:在 prefers-reduced-motion 下不应自动播放;使用 SVG 渲染器;动画以 JSON 形式存在,具备可移植性和 AI 可读性。
其他信息:具体平台集成细节、版本号、依赖要求及许可证全文暂未提供。