chore: optimize picture display

varletjs · May 23, 2022 · f36f38c · f36f38c
1 parent eb9a019
commit f36f38c
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/varlet-cli/site/pc/components/LogoAnimation.vue b/packages/varlet-cli/site/pc/components/LogoAnimation.vue
@@ -75,15 +75,16 @@ export default defineComponent({
 </script>
 
 <template>
-  <Teleport :to="animationEl" v-if="animationEl">
+  <Teleport :to="animationEl || 'body'">
     <img
       v-show="!floatingState"
       v-bind="animationBoxData.attrs"
       :style="styles"
       :src="logo"
       alt="logo"
-      v-if="logo && animationEl"
+      v-if="logo"
       class="varlet-cli-logo-animation"
+      :class="{ 'varlet-cli-logo-position': !animationEl }"
     />
   </Teleport>
   <div v-show="floatingState">
@@ -93,7 +94,7 @@ export default defineComponent({
       :style="styles"
       :src="logo"
       alt="logo"
-      v-if="logo && animationEl"
+      v-if="logo"
       class="varlet-cli-logo-animation varlet-cli-logo-position varlet-cli-logo-transition"
     />
   </div>