| | |
| | | 返回 |
| | | </div> |
| | | <div class="wrapper-content"> |
| | | <screen-map-three></screen-map-three> |
| | | <screen-map-three :loadEnd="isEnd"></screen-map-three> |
| | | <div class="left-container wrapper"> |
| | | <screen-face class="enter-left" :class="{ 'animate-enter-x': isEnd }"></screen-face> |
| | | <screen-car class="enter-left animate-delay-1" :class="{ 'animate-enter-x': isEnd }"></screen-car> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | isEnd: false |
| | | isEnd: false, |
| | | } |
| | | }, |
| | | methods: { |
| | |
| | | const container = document.querySelector('.screen-wrapper'); |
| | | container.addEventListener('transitionend', this.checkAnimationEnd); |
| | | }, |
| | | destroyed() { |
| | | beforDestroy() { |
| | | const container = document.querySelector('.screen-wrapper'); |
| | | container.removeEventListener('transitionend', this.checkAnimationEnd); |
| | | } |