开发联调

components/buyVip/index.js

@@ -21,6 +21,14 @@ Component({
                 this.setData({
                     qrCode: qrCode.ticketUrl
                 })
+                console.log(typeof this.getTabBar === 'function' &&
+                    this.getTabBar());
+                if (typeof this.getTabBar === 'function' &&
+                    this.getTabBar()) {
+                    this.getTabBar().setData({
+                        mask: true
+                    })
+                }
                 this.setData({
                     show: true,
                 })
@@ -30,6 +38,12 @@ Component({
             this.setData({
                 show: false
             })
+            if (typeof this.getTabBar === 'function' &&
+                this.getTabBar()) {
+                this.getTabBar().setData({
+                    mask: false
+                })
+            }
         },
     }
 })

components/buyVip/index.less

@@ -5,11 +5,14 @@
     top: 0rpx;
     width: 100vw;
     height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
     background: rgba(0, 0, 0, 0.7);
 
     .modal {
         position: relative;
-        margin: 140rpx auto 0rpx;
         border-radius: 20rpx;
         text-align: center;
         overflow: hidden;

components/buyVip/index.wxss

@@ -5,11 +5,14 @@
   top: 0rpx;
   width: 100vw;
   height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
   background: rgba(0, 0, 0, 0.7);
 }
 .buyVip .modal {
   position: relative;
-  margin: 140rpx auto 0rpx;
   border-radius: 20rpx;
   text-align: center;
   overflow: hidden;