File tree Expand file tree Collapse file tree 3 files changed +0
-20
lines changed Expand file tree Collapse file tree 3 files changed +0
-20
lines changed Original file line number Diff line number Diff line change @@ -95,7 +95,6 @@ Add the element `lottie-vue-player` and set the `src` prop to a URL pointing to
95
95
| ` speed ` | Animation speed. | ` number ` | ` 1 ` |
96
96
| ` style ` | The style for the container. | ` object ` | ` undefined ` |
97
97
| ` src ` _ (required)_ | Bodymovin JSON data or URL to JSON. | ` object ` | ` string ` | ` undefined ` |
98
- | ` is_dotlottie ` | Swap out normal player for dotlottie player | ` boolean ` | ` false ` |
99
98
## Events
100
99
101
100
The following events are exposed and can be listened to via ` addEventListener ` calls.
Original file line number Diff line number Diff line change 26
26
],
27
27
"license" : " MIT" ,
28
28
"dependencies" : {
29
- "@dotlottie/player-component" : " ^1.0.4" ,
30
29
"@lottiefiles/lottie-player" : " ^1.0.4" ,
31
30
"vue" : " ^2.6.12" ,
32
31
"vue-clickaway" : " ^2.2.2"
Original file line number Diff line number Diff line change 1
1
<template >
2
2
<div class =" w-full relative" >
3
- <!-- lottie player / dot-lottie player -->
4
3
<div v-if =" loading" class =" w-full h-full absolute flex justify-center items-center" >
5
4
<div class =" spinner" ></div >
6
5
</div >
7
6
<lottie-player
8
- v-if =" is_dotlottie === false"
9
7
ref =" player"
10
8
:autoplay =" autoplay"
11
9
:src =" src"
14
12
:style =" {height: height, background: options.backgroundColor}"
15
13
@dblclick =" toggleFullscreen"
16
14
></lottie-player >
17
- <dotlottie-player
18
- v-if =" is_dotlottie"
19
- ref =" player"
20
- :autoplay =" autoplay"
21
- :loop =" options.loop"
22
- :src =" src"
23
- :style =" {height: height, background: options.backgroundColor}"
24
- :speed =" options.speed"
25
- @dblclick =" toggleFullscreen"
26
- >
27
- </dotlottie-player >
28
15
<controls
29
16
v-if =" playerControls && options.animation"
30
17
@setBackgroundColor =" setBackgroundColor"
41
28
</template >
42
29
<script >
43
30
import " @lottiefiles/lottie-player" ;
44
- import " @dotlottie/player-component" ;
45
31
import Controls from " ./Controls.vue" ;
46
32
47
33
export default {
48
34
components: {
49
35
' controls' : Controls
50
36
},
51
37
props: {
52
- is_dotlottie: {
53
- type: Boolean ,
54
- default: false
55
- },
56
38
autoplay: {
57
39
type: Boolean ,
58
40
default: true
You can’t perform that action at this time.
0 commit comments