微信小程序如何实现这种页面效果

Question

Answer 1

跟模态框差不多，一个背景view,一个内容view,都绝对定位，内容的z-index比背景高就行

<view class="modal-bac"></view>
<view class="modal-content"></view>
//透明背景
.modal-bac{
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom: 0;
    background: rgba(102,102,102,.5);
    z-index: 100;
}
.modal-content{
    margin: 0 95rpx;
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom: 0;
    z-index: 101;
}

Answer 2

其实小程序跟html5一样。所以很多组件的实现方法也是一样。

Answer 3

就是正常做个浮层

Answer 4

加一个view ,fixed定位，里面套一个image标签，view再设置一个透明度

Answer 5

基本就是view ，再加上各种定位布局

Answer 6

一个打叉的图,一个透明底的框图,绝对定位