commit | author | age | ||
f60b31 | 1 | <template> |
I | 2 | |
ec6f20 | 3 | <div> |
I | 4 | <div class="test_wow" v-for="(temp,index) in [1,2,1,1,1,1]"> |
f60b31 | 5 | |
ec6f20 | 6 | <section class="wow animate__slideInUp test_wow" data-wow-delay="0.8s" data-wow-duration="0.8s"> |
I | 7 | temp,index |
8 | </section> | |
f60b31 | 9 | |
ec6f20 | 10 | </div> |
f60b31 | 11 | </div> |
I | 12 | |
13 | ||
14 | ||
15 | </template> | |
16 | ||
17 | <script> | |
18 | export default { | |
19 | ||
20 | name: 'Home', | |
21 | ||
22 | data() { | |
23 | ||
24 | return { | |
25 | ||
26 | } | |
27 | ||
28 | }, | |
29 | ||
30 | mounted() { | |
31 | ||
32 | new this.$wow.WOW().init() | |
33 | ||
34 | } | |
35 | ||
36 | } | |
37 | </script> | |
38 | ||
39 | <style scoped> | |
40 | .test_wow { | |
41 | ||
42 | position: relative; | |
43 | ||
44 | width: 1000px; | |
45 | ||
46 | height: 400px; | |
47 | ||
ec6f20 | 48 | /* background: #212121; */ |
f60b31 | 49 | |
I | 50 | margin: 0 auto; |
51 | ||
52 | } | |
53 | ||
54 | .test_wow1 { | |
55 | ||
56 | position: relative; | |
57 | ||
58 | width: 1000px; | |
59 | ||
60 | height: 400px; | |
61 | ||
62 | background: #741919; | |
63 | ||
64 | margin: 0 auto; | |
65 | ||
66 | } | |
67 | ||
68 | .test_wow2 { | |
69 | ||
70 | position: relative; | |
71 | ||
72 | width: 1000px; | |
73 | ||
74 | height: 400px; | |
75 | ||
76 | background: #2b0f44; | |
77 | ||
78 | margin: 0 auto; | |
79 | ||
80 | } | |
81 | ||
82 | .test_wow3 { | |
83 | ||
84 | position: relative; | |
85 | ||
86 | width: 1000px; | |
87 | ||
88 | height: 400px; | |
89 | ||
90 | background: #558614; | |
91 | ||
92 | margin: 0 auto; | |
93 | ||
94 | } | |
95 | ||
96 | .test_wow4 { | |
97 | ||
98 | position: relative; | |
99 | ||
100 | width: 1000px; | |
101 | ||
102 | height: 400px; | |
103 | ||
104 | background: #440707; | |
105 | ||
106 | margin: 0 auto; | |
107 | ||
108 | } | |
109 | </style> |