html
<!-- 弹窗 -->
<!-- 灰色遮罩,防止误触,可加可不加 -->
<view class="mask" wx:if="{{开关}}"></view>
<!-- 自定义的弹窗 -->
<view class="windows" wx:if="{{开关}}">
<内容。。。。。>
</view>
css
//阴影
.mask{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 90;
background-color: #000;
opacity: 0.5;
}
//弹窗大小样式
.windows{
width: 84%;
height: 650rpx;
background-color: white;
position: fixed;
left: 8%;
top: 30%;
z-index: 99;
border-radius: 30rpx;
}