vue裏添加lottie動畫

一、安裝 lottie-web

import lottie from 'lottie-web'

二、存放動畫的element

<div class="svgContainer" ref="svgContainer"></div>

三、加載json文件動畫

let animation = lottie.loadAnimation({
  container: element,  // 要包含該動畫的dom元素
  path: <JsonPath>,    // 動畫json文件路徑 
  loop: true,          // 是否循環播放
  renderer: 'svg',     // 渲染方式，svg、canvas、html（輕量版僅svg渲染）
  autoplay: true,      // 是否自動播放
})

四、相關連接
1、https://codepen.io/collection/nVYWZR/
2、http://test.imweb.io/topic/5b23a850d4c96b9b1b4c4efe