Adjust btn z-index

nuxt.config.js

@@ -2,6 +2,11 @@ export default {
   // Disable server-side rendering: https://go.nuxtjs.dev/ssr-mode
   ssr: false,
 
+  server: {
+    port: 3000,
+    host: '0.0.0.0'
+  },
+
   // Target: https://go.nuxtjs.dev/config-target
   target: 'static',
 

pages/index.vue

@@ -50,9 +50,7 @@
           <div class="csMask-area">
             <h3>安全提示</h3>
             <div class="csMask-text">
-              <span
-                >为了保护您的资金安全，请不要主动将您的资金转入客服提供的银行卡中。</span
-              >
+              <span>为了保护您的资金安全，请不要主动将您的资金转入客服提供的银行卡中。</span>
             </div>
             <div class="csMask-text">
               客服不会主动给会员卡号引导会员存款，如果客服主动要求将资金转入某张银行卡，<span>请勿进行资金交易</span>，否则引发的不到账等情况，概不负责。
@@ -65,12 +63,7 @@
         </div>
       </div>
     </van-overlay>
-    <van-popup
-      v-model="q1Mask"
-      round
-      position="bottom"
-      :style="{ height: '94%' }"
-    >
+    <van-popup v-model="q1Mask" round position="bottom" :style="{ height: '94%' }">
       <div class="q1Mask-wrapper">
         <div class="q1Mask-header">
           <div class="q1Mask-header-btn" @click="q1Mask = false">取消</div>
@@ -79,12 +72,7 @@
         <img src="~/assets/images/q1_img.jpg" />
       </div>
     </van-popup>
-    <van-popup
-      v-model="q2Mask"
-      round
-      position="bottom"
-      :style="{ height: '92.5%', overflow: 'hidden' }"
-    >
+    <van-popup v-model="q2Mask" round position="bottom" :style="{ height: '92.5%', overflow: 'hidden' }">
       <div class="q1Mask-wrapper">
         <div class="q1Mask-header">
           <div class="q1Mask-header-btn" @click="q2Mask = false">取消</div>
@@ -94,7 +82,7 @@
         <div class="q1Mask-btn" @click="goAnti()">一键信任</div>
       </div>
     </van-popup>
-  </div>
+</div>
 </template>
 
 <script>
@@ -165,6 +153,7 @@ export default {
   border-radius: 1rem;
   margin-top: -2rem;
   padding: 1.5rem 1rem;
+  min-height: 70vh;
 }
 
 .cs {
@@ -260,6 +249,7 @@ export default {
   position: fixed;
   bottom: 0.75rem;
   text-align: center;
+  z-index: 100;
 }
 
 .question img {