vue-rlottie
v0.0.4
Published
[![npm](https://img.shields.io/npm/v/vue-rlottie.svg)](https://www.npmjs.com/package/vue-rlottie) ![license](https://img.shields.io/npm/l/vue-rlottie.svg) ![github-issues](https://img.shields.io/github/issues/aoran997/vue-rlottie.svg) ![npm-downloads](htt
Downloads
43
Maintainers
Readme
vue-rlottie
rlottie vue tool Thanks rlottie
Install
pnpm install vue-rlottie
or
npm install vue-rlottie
Example
<script setup lang="ts">
import VueRlottie from 'vue-rlottie'
</script>
<template>
<VueRlottie speed="1" :loop="false" name="example"/>
</template>
| Props | Type | description | |:--|:-:|:-:| | name | String | required | | data | Object | String | Uint8Array | lottie json data | speed | number | String | >= 1 | | loop | Boolean | default = true | | autoPlay | Boolean | default = true |
| attribute | Name | |:--|:-:| | totalFrame | Number | | currentFrame | Number |
| Listener | params | |:--|:-:| | onUpdate | name: string | | onPlay | name: string | | onStop | name: string | | onDestroy | name: string | | onLoaded | name: string |
| Function | params | description | |:--|:-:|:-:| | play | | | stop | | | seek | frame: numer | frame > totalFrame ? totalFrame : frame | | reload | data: string | object | Uint8Array, name: string |