李志伟 3 years ago
parent
commit
dcd1a5445a
1 changed files with 34 additions and 10 deletions
  1. 34
    10
      src/pages/OverPage.vue

+ 34
- 10
src/pages/OverPage.vue View File

2
   <BackPage>
2
   <BackPage>
3
     <div>
3
     <div>
4
       <div class="overImage-box">
4
       <div class="overImage-box">
5
-        <img :src="overImage" class="overImage-boxBack" />
5
+        <img
6
+          :src="overImage"
7
+          class="overImage-boxBack"
8
+        >
6
       </div>
9
       </div>
7
-      <img v-if="route.query.type =='win'" :src="winTopImage" class="overImage-top-box" />
8
-      <img v-else :src="loseTopImage" class="overImage-top-box" />
9
-      <div v-show="visImage" @click="goShares" class="visImage">
10
-        <img :src="shareImag" />
10
+      <img
11
+        v-if="route.query.type =='win'"
12
+        :src="winTopImage"
13
+        class="overImage-top-box"
14
+      >
15
+      <img
16
+        v-else
17
+        :src="loseTopImage"
18
+        class="overImage-top-box"
19
+      >
20
+      <div
21
+        v-show="visImage"
22
+        class="visImage"
23
+        @click="goShares"
24
+      >
25
+        <img :src="shareImag">
11
       </div>
26
       </div>
12
 
27
 
13
       <div class="IKnow-box">
28
       <div class="IKnow-box">
14
         <div class="IKnow-box-top">
29
         <div class="IKnow-box-top">
15
-          <img :src="tryAgain" @click="tryAgains" />
16
-          <img :src="goShare" @click="goShares" />
30
+          <img
31
+            :src="tryAgain"
32
+            @click="tryAgains"
33
+          >
34
+          <img
35
+            :src="goShare"
36
+            @click="goShares"
37
+          >
17
         </div>
38
         </div>
18
         <div class="IKnow-box-bottom">
39
         <div class="IKnow-box-bottom">
19
-          <img :src="goTop" @click="goTops" />
40
+          <img
41
+            :src="goTop"
42
+            @click="goTops"
43
+          >
20
         </div>
44
         </div>
21
       </div>
45
       </div>
22
       <!-- <div v-show="visImage" class="visImage">
46
       <!-- <div v-show="visImage" class="visImage">
93
 .overImage-box {
117
 .overImage-box {
94
   width: 100vw;
118
   width: 100vw;
95
   position: absolute;
119
   position: absolute;
96
-  top: 13vh;
120
+  top: 20vh;
97
   display: flex;
121
   display: flex;
98
   justify-content: center;
122
   justify-content: center;
99
   .overImage-boxBack {
123
   .overImage-boxBack {
104
 .overImage-top-box {
128
 .overImage-top-box {
105
   position: absolute;
129
   position: absolute;
106
   width: 67%;
130
   width: 67%;
107
-  top: 9vh;
131
+  top: 16vh;
108
   left: 15vw;
132
   left: 15vw;
109
 }
133
 }
110
 .visImage {
134
 .visImage {