php点击弹遮罩层,小程序首页遮罩层弹窗

bindload="imageLoad" style="height:{{switerimgHeight}}rpx" mode="widthFix"

data-effect_pic='{{richImgLists}}'  data-src='{{cardbag_img}}' id="{{index}}">

//js代码

data: {

height: wx.getSystemInfoSync().windowHeight,

hiddenName:true,

}

// 遮罩层隐藏

gaibi: function () {

console.log('gai');

this.setData({

hiddenName:true

});

},

//css代码

/* 弹窗 */

.mask {

position: fixed;

top: 0;

left: 0;

bottom: 0;

right: 0;

z-index: 1000;

background-color: rgba(0, 0, 0, 0.6)

}

.modal {

position: absolute;

left: 50%;

transform: translate(-50%,-50%);

text-align: center;

height: 718rpx;

z-index: 1001;

/* background-color: #fff; */

}

.card-btn{

display: flex;

margin-top: -13rpx;

background-color: #fff;

z-index: 999999;

}

/* 弹窗 */