add preload image

src/pages/resultPage.vue

@@ -41,7 +41,7 @@ export default {
 .share {
   z-index: 3;
   position: absolute;
-  top: 154vw;
+  top: 100vw;
   /* align-items: center; */
   /* width: 47%; */
   /* margin: 0 auto; */

src/pages/signup.vue

@@ -1,5 +1,8 @@
 <template>
   <div class="signup-box">
+    <div class="pre-load" :class="{ hide: !showPreload }" @click="showPreload = false">
+      <img src="../../public/images/signup/preload.jpg" alt="">
+    </div>
     <img class="bgi" src="../../public/images/signup/bgi.jpg" />
     <div class="form">
       <div class="formItem">
@@ -65,6 +68,7 @@ export default {
   },
   data() {
     return {
+      showPreload: true,
       showArea: false,
       checked: `./images/signup/checked.png`,
       Unchecked: `./images/signup/Unchecked.png`,
@@ -213,6 +217,23 @@ export default {
   height: 100%;
 }
 
+.pre-load {
+  position: fixed;
+  width: 100%;
+  min-height: 100%;
+  z-index: 100;
+  top: 0;
+  transition: top 1s ease;
+
+  & > img {
+    width: 100%;
+  }
+
+  &.hide {
+    top: -200vh;
+  }
+}
+
 .bgi {
   width: 100%;
   position: absolute;