@@ -10,29 +10,29 @@ export default {
10
10
if (index > this .cardList .length ) index = 1
11
11
this .currIndex = index
12
12
13
- for (var i = 0 ; i < this .cardList .length ; i++ ) {
14
- let item = this .cardList [i],
15
- box = item .getElementsByClassName (' item__3d-frame' )[0 ]
16
- if (i == index - 1 ) {
17
- item .classList .add (' carousel__slider__item--active' )
18
- box .style .transform = ' perspective(1200px)'
19
- } else {
20
- item .classList .remove (' carousel__slider__item--active' )
21
- box .style .transform =
22
- ' perspective(1200px) rotateY(' + (i < index - 1 ? 40 : - 40 ) + ' deg)'
23
- }
24
-
25
- slider .style .transform =
26
- ' translate3d(' +
27
- (index * - width + width / 2 + window .innerWidth / 2 ) +
28
- ' px, 0, 0)'
29
- }
13
+ // for (var i = 0; i < this.cardList.length; i++) {
14
+ // let item = this.cardList[i],
15
+ // box = item.getElementsByClassName('item__3d-frame')[0]
16
+ // if (i == index - 1) {
17
+ // item.classList.add('carousel__slider__item--active')
18
+ // box.style.transform = 'perspective(1200px)'
19
+ // } else {
20
+ // item.classList.remove('carousel__slider__item--active')
21
+ // box.style.transform =
22
+ // 'perspective(1200px) rotateY(' + (i < index - 1 ? 40 : -40) + 'deg)'
23
+ // }
24
+
25
+ // slider.style.transform =
26
+ // 'translate3d(' +
27
+ // (index * -width + width / 2 + window.innerWidth / 2) +
28
+ // 'px, 0, 0)'
29
+ // }
30
30
}
31
31
},
32
32
mounted () {
33
33
const initCodepenJs = function () {
34
34
var carousel = document .getElementsByClassName (' carousel' )[0 ],
35
- slider = carousel .getElementsByClassName (' carousel__slider' )[0 ],
35
+ // slider = carousel.getElementsByClassName('carousel__slider')[0],
36
36
prevBtn = carousel .getElementsByClassName (' carousel__prev' )[0 ],
37
37
nextBtn = carousel .getElementsByClassName (' carousel__next' )[0 ]
38
38
0 commit comments