bienvenidoY / vue-lottie

lottie-web 在vue中使用demo

lottie-web在vue中使用

介绍

Lottie for Android, iOS, React Native, and Web
https://github.com/airbnb/lottie-web

用了这个库，不用设计师跟我描述动画怎么动了，AE做好甩给我JSON就够了。并且渲染在浏览器中可以是'svg' / 'canvas' / 'html' 三种可选值。

本文仅介绍 lottie-web在vue.js中的使用，想自己动手可以参考：

面向前端的 Lottie & AE 动画手把手入门教学
https://juejin.im/post/5acda0a5f265da23741153a1

demo

演示demo

run

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

web使用

搭配vue.js使用,详情api使用请看lottie官网

安装依赖

npm install lottie-web
// or yarn add lottie-web

tips

• 不想自己设计动画可以去网站下载现成json；
  https://www.lottiefiles.com/