Skip to content

Commit 790e1d2

Browse files
committed
feat: added bounce mode
1 parent 1f789f3 commit 790e1d2

File tree

4 files changed

+192
-225
lines changed

4 files changed

+192
-225
lines changed

example/components/Home.vue

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,24 @@
11
<template>
22
<div>
3-
<div style="display: flex; justify-content: center; align-content: center">
4-
</div>
3+
<div
4+
style="display: flex; justify-content: center; align-content: center"
5+
></div>
56
<div style="display: flex; justify-content: center; align-content: center">
67
<h1>Welcome to LottieVue example</h1>
78
</div>
89
<br />
910
<lottie-vue-player
1011
id="player-one"
11-
:src="`https://assets10.lottiefiles.com/packages/lf20_tzjfwgud.json`"
12+
:src="`https://assets9.lottiefiles.com/private_files/lf30_w3ku1h1i.json`"
1213
:theme="options.theme"
1314
:player-size="options.playerSize"
1415
:player-controls="true"
1516
:showColorPicker="true"
1617
:loop="true"
18+
:speed="3"
1719
:autoplay="true"
20+
mode="normal"
21+
:background-color="options.backgroundColor"
1822
style="width: 100%; height: 400px"
1923
></lottie-vue-player>
2024
</div>
@@ -28,7 +32,7 @@ export default {
2832
options: {
2933
minimizable: false,
3034
playerSize: "standard",
31-
backgroundColor: "#fff",
35+
backgroundColor: "#9dff97",
3236
backgroundStyle: "color",
3337
theme: {
3438
controlsView: "standard",

package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
"description": "Lottie player wrapper for Vue.js by LottieFiles",
55
"scripts": {
66
"build": "vue-cli-service build --target lib --name @lottiefiles/vue-lottie-player ./src/index.js && rm ./dist/demo.html",
7+
"build:dev": "vue-cli-service build --watch --inline-vue --target lib --name @lottiefiles/vue-lottie-player ./src/index.js && rm ./dist/demo.html",
78
"build-with-coverage": "CODE_COVERAGE=true vue-cli-service build --target lib --name @lottiefiles/vue-lottie-player ./src/index.js && rm ./dist/demo.html",
89
"release": "semantic-release",
910
"run-tests": "yarn run build-with-coverage && yarn run start-cypress",
@@ -22,7 +23,7 @@
2223
"dist"
2324
],
2425
"dependencies": {
25-
"@lottiefiles/lottie-player": "^1.0.4",
26+
"@lottiefiles/lottie-player": "^1.5.7",
2627
"vue": "^2.6.12"
2728
},
2829
"devDependencies": {

0 commit comments

Comments
 (0)