WeChat applet realizes masky pop-up effect

Example of this article shared the specific code of the WeChat applet to achieve the effect of the Mongolian pop-up window, for the reference, the specific content is as follows

      Immediate recharge        
JS:

// Click on the recharge pop-up Submit: function () {this.setdata ({showmodal: true})}}}}}}} (})}}}}} () {} , close_mask: function () {this.SetData ({ShowModal: false})}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}},

CSS:
   
/ * Click on the recharge pop-up * / .Mask {Width: 100%; Height: 100%; position: fixed; top: 0; Left: 0; Background: # 000; z-index: 9000; opacity: 0.7;} .Modaldlg {Width: 580rpx; height: 450rpx; position: fixed; top: 50%; Left: 0; z-index: 9999; margin: -370rpx 85rpx; background-color: #fff; border-radius: 36rpx; Display: FleX; flex-direction: column; align-items: center;} .rechage_amount {color: #aaa; width: 450rpx; height: 80rpx; background: # f1f1f1; text-align: center; border-radius: 12rpx; margin Top: 56rpx; text-indent: 0;} .save_money {color: #fff; width: 270rpx; Height: 80rpx; Line-height: 80rpx; Background: # d95155; text-align: center; border-radius: 12rpx; Margin-top: 80rpx; font-size: 28rpx; text-indent: 0em;} .close_mask {color: # 000; position: relative; left: 40%; / * Top: -82%; * / font-size: 32rpx;} / * End * /


 The above is all the contents of this article, I hope to help everyone, and I hope you will support Tumi Clouds.                      
© Copyright Notice
THE END
Just support it if you like
like0
share
comment Grab the couch

Please log in to comment