Prechádzať zdrojové kódy

bug fix: 开场动画没有全屏显示

任一存 2 rokov pred
rodič
commit
39ae42bc9f
1 zmenil súbory, kde vykonal 11 pridanie a 9 odobranie
  1. 11 9
      src/App.vue

+ 11 - 9
src/App.vue

@@ -5,14 +5,6 @@
       higher: !isShowNavBar,
     }"
   >
-    <transition name="fade-out">
-      <HomeFadeIn
-        v-if="isShowFadeInMask"
-        class="fade-in-mask"
-        :progress="progress"
-      />
-    </transition>
-
     <div
       v-show="$route.meta.isShowUnityModel"
       id="unity-container"
@@ -104,6 +96,16 @@
     />
 
     <Teleport to="body">
+      <transition name="fade-out">
+        <HomeFadeIn
+          v-if="isShowFadeInMask"
+          class="fade-in-mask"
+          :progress="progress"
+        />
+      </transition>
+    </Teleport>>
+
+    <Teleport to="body">
       <div class="screen-rotate-tip">
         <div class="inner-wrapper">
           <img
@@ -133,7 +135,7 @@ export default {
     HomeFadeIn,
   },
   setup () {
-    const isShowFadeInMask = ref(process.env.VUE_APP_CLI_MODE === 'dev' ? false : true)
+    const isShowFadeInMask = ref(true)
     const progress = ref(0)
     onMounted(() => {
       /**