.

src/pages/OverPage.vue

@@ -2,21 +2,45 @@
   <BackPage>
     <div>
       <div class="overImage-box">
-        <img :src="overImage" class="overImage-boxBack" />
+        <img
+          :src="overImage"
+          class="overImage-boxBack"
+        >
       </div>
-      <img v-if="route.query.type =='win'" :src="winTopImage" class="overImage-top-box" />
-      <img v-else :src="loseTopImage" class="overImage-top-box" />
-      <div v-show="visImage" @click="goShares" class="visImage">
-        <img :src="shareImag" />
+      <img
+        v-if="route.query.type =='win'"
+        :src="winTopImage"
+        class="overImage-top-box"
+      >
+      <img
+        v-else
+        :src="loseTopImage"
+        class="overImage-top-box"
+      >
+      <div
+        v-show="visImage"
+        class="visImage"
+        @click="goShares"
+      >
+        <img :src="shareImag">
       </div>
 
       <div class="IKnow-box">
         <div class="IKnow-box-top">
-          <img :src="tryAgain" @click="tryAgains" />
-          <img :src="goShare" @click="goShares" />
+          <img
+            :src="tryAgain"
+            @click="tryAgains"
+          >
+          <img
+            :src="goShare"
+            @click="goShares"
+          >
         </div>
         <div class="IKnow-box-bottom">
-          <img :src="goTop" @click="goTops" />
+          <img
+            :src="goTop"
+            @click="goTops"
+          >
         </div>
       </div>
       <!-- <div v-show="visImage" class="visImage">
@@ -93,7 +117,7 @@ export default {
 .overImage-box {
   width: 100vw;
   position: absolute;
-  top: 13vh;
+  top: 20vh;
   display: flex;
   justify-content: center;
   .overImage-boxBack {
@@ -104,7 +128,7 @@ export default {
 .overImage-top-box {
   position: absolute;
   width: 67%;
-  top: 9vh;
+  top: 16vh;
   left: 15vw;
 }
 .visImage {