Adjust popup layout

pages/index.vue

@@ -66,16 +66,16 @@
     <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>
+          <div v-if="q1Mask" class="q1Mask-header-btn" @click="q1Mask = false">取消</div>
           <div class="q1Mask-header-title">掉签教程</div>
         </div>
         <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%' }">
       <div class="q1Mask-wrapper">
         <div class="q1Mask-header">
-          <div class="q1Mask-header-btn" @click="q2Mask = false">取消</div>
+          <div v-if="q2Mask" class="q1Mask-header-btn" @click="q2Mask = false">取消</div>
           <div class="q1Mask-header-title">安装教程</div>
         </div>
         <img src="~/assets/images/q2_img.jpg" />
@@ -344,6 +344,5 @@ export default {
   margin: -6rem auto;
   position: relative;
   z-index: 1;
-  display: block;
 }
 </style>