A library to edit lottie-web animations dynamically. Latest version: 1.0.3, last published: 4 years ago. Start using lottie-api in your project by running `npm i lottie-api`. There are 8 other projects in the npm registry using lottie-api.
首先,我们需找到npm配置文件,并在.npmrc 配置文件中添加 @ohos 的scope仓库地址:@ohos:registry=https://repo.harmonyos.com/npm/,如图4所示: 图4 指定npm仓库地址 配置好npm仓库地址后,如图5所示,在DevEcoStudio的底部导航栏,点击“Terminal”(快捷键Alt+F12),键入命令:npm install @ohos/lottie-ohos-ets并...
说明 从API Version 8 开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。 导入模块 import lottie from '@ohos/lottie' 1. 复制 说明 在Terminal窗口使用 npm install @ohos/lottie 命令下载Lottie,下载之前需要配置权限。 安装npm 三方包时,需要先执行npm config set @ohos:registry=https...
bash 复制代码npm i lottie-api 更新文案的 demo jsx复制代码import React, { useEffect } from "react"; import lottie from "lottie"; import LottieAPI from "lottie-api"; import Json from "./data.json"; function App() { useEffect(() => { const animation = lottie.loadAnimation({ name...
成功创建项目后,接下来就是将Lottie组件下载至项目中。首先,我们需找到npm配置文件,并在.npmrc 配置文件中添加 @ohos 的scope仓库地址:@ohos:registry=https://repo.harmonyos.com/npm/,如图4所示: 图4 指定npm仓库地址 配置好npm仓库地址后,如图5所示,在DevEcoStudio的底部导航栏,点击“Terminal”(快捷键Alt+...
成功创建项目后,接下来就是将Lottie组件下载至项目中。首先,我们需找到npm配置文件,并在.npmrc 配置文件中添加 @ohos 的scope仓库地址:@ohos:registry=https://repo.harmonyos.com/npm/,如图4所示: 图4 指定npm仓库地址 配置好npm仓库地址后,如图5所示,在DevEcoStudio的底部导航栏,点击“Terminal”(快捷键Alt+...
npm i -S lottie-web import lottie from 'lottie-web' 调用loadAnimation() const myLottie = lottie.loadAnimation({ container: document.querySelector('.img-area'), renderer: 'svg', name: 'myLottieAnim', loop: true, autoplay: true, path: './assets/cycle_animation.json', }) 参数/api/事...
成功创建项目后,接下来就是将Lottie组件下载至项目中。首先,我们需找到npm配置文件,并在.npmrc 配置文件中添加 @ohos 的scope仓库地址:@ohos:registry=https://repo.harmonyos.com/npm/,如图4所示: 图4 指定npm仓库地址 配置好npm仓库地址后,如图5所示,在DevEcoStudio的底部导航栏,点击“Terminal”(快捷键Alt+...
提供Lottie动画。说明: 从API Version 8 开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。#导入模块import lottie from '@ohos/lottieETS' 说明: 在Terminal窗口使用npm install @ohos/lottieETS命令下载Lottie。 安装ohos npm 三方包时,需要先执行npm config set @ohos:registry=https:/...
npm install lottie-web --save # 或者 yarn add lottie-web 安装完成后,你需要在你的Vue项目中引入Lottie。你可以在main.js或者具体的Vue组件中引入: javascript import lottie from 'lottie-web'; 2. 在Vue组件中创建一个容器来放置Lottie动画 在你的Vue组件的模板部分,添加一个用于放置Lottie动画的容器,例...