12345

src/components/question/datiing.vue

@@ -105,7 +105,7 @@
             </li>
           </ul>
           <span
-            >第 {{ currentIdx + 1 }} 题 / 共 {{ tiku.length }}</span
+            >第 {{ currentIdx + 1 }} 题 / 共 {{ tiku.length }} 题</span
           >
         </div>
         <template v-if="status == '答题中'">
@@ -521,11 +521,12 @@ export default {
   .tipscon {
     >img {
       width: 80%;
-      margin-left: 8%;
     }
     >div {
-      top:50%;
-      left: 30%;
+      position: absolute;
+      top:60%;
+      left: 47%;
+      transform: translate(-50%,-50%);
     }
     
   }
@@ -544,6 +545,7 @@ export default {
     width: 100%;
     margin-top:34px;
     max-height: 30%;
+    padding: 10px 0;
     overflow-y: auto;
     overflow-x:hidden;
     >.qbtn {

src/components/question/prize.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="{wrapper:isMobile}">
+  <div :class="{ wrapper: isMobile }">
     <div class="prize" v-if="!isMobile">
       <LuckyWheel
         class="lw"
@@ -93,12 +93,6 @@
       <div class="lingjiang" v-show="lingjiang">
         <div class="ljcon">
           <img
-            @click="lingjiang = false"
-            class="qclose"
-            :src="require('@/assets/images/question/close.png')"
-            alt=""
-          />
-          <img
             class="lbg"
             :src="require('@/assets/images/question/lingjiang_bg.png')"
             alt=""
@@ -116,6 +110,12 @@
             </div>
           </div>
         </div>
+        <img
+          @click="lingjiang = false"
+          class="qclose"
+          :src="require('@/assets/images/question/close.png')"
+          alt=""
+        />
       </div>
     </div>
   </div>
@@ -362,7 +362,6 @@ export default {
   }
   .lw {
     width: 88% !important;
-    // overflow-x:auto!important;
     > canvas {
       width: 200% !important;
     }
@@ -418,10 +417,21 @@ export default {
       font-weight: 400;
       line-height: 18px;
       color: #311b04;
+      > p {
+        padding-bottom: 10px;
+      }
+    }
+  }
+  .lingjiang {
+    .qclose {
+      position: absolute;
+      bottom: 15%;
+      left: 50%;
+      transform: translateX(-50%);
+      width: 44px;
+      height: 44px;
+      display: block;
     }
   }
 }
-@media screen and (max-width: 320px) {
-
- }
 </style>

src/pages/external/index.vue

@@ -248,6 +248,16 @@ export default {
   height: 15px;
   padding: 10px;
   background-color: #f1f2f3;
+  position: relative;
+}
+
+.mobile .dati {
+  height: 29px;
+  padding: 0 10px;
+  line-height: 29px;
+  position: absolute;
+  top:50%;
+  transform: translateY(-50%);
 }
 
 .asjdfioasfhuioasfh {