龚焕茏
2024-04-30 b76fd2fa93c2036d66e5142654cf66cf1e371531
src/views/screen/components/screen-wrapper/index.vue
@@ -5,7 +5,7 @@
      返回
    </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>
@@ -51,7 +51,7 @@
  },
  data() {
    return {
      isEnd: false
      isEnd: false,
    }
  },
  methods: {
@@ -69,7 +69,7 @@
    const container = document.querySelector('.screen-wrapper');
    container.addEventListener('transitionend', this.checkAnimationEnd);
  },
  destroyed() {
  beforDestroy() {
    const container = document.querySelector('.screen-wrapper');
    container.removeEventListener('transitionend', this.checkAnimationEnd);
  }