加载动效
弧线加载
经典圆弧旋转加载指示器，轨迹淡显 + 前景弧线匀速循环。
- 分类
- 加载动效
- 时长
- 1.7s 循环
- 规格
- 100 帧 · 60 fps
- 图层数
- 2 层
- 体积
- 1.4 KB
- 授权
- 站方原创 · 可自由下载与商用
配色
#4f7cff标签
加载spinner转圈
如何使用
方式一：复制上方直链，用 fetch 加载后交给 lottie-web 播放；方式二：下载 JSON 后随项目资源引入。转圈、波纹与进度指示，页面与按钮的等待状态。
import lottie from 'lottie-web';
const animation = lottie.loadAnimation({
container: document.querySelector('#stage'),
renderer: 'svg',
loop: true,
autoplay: true,
path: '/api/lottie/spinner-arc.json',
});
