inleft
2022-03-04 ec6f207325f1996d71fb4e0c6acada906ec026bd
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>