微信小程序之自定义模态弹窗（带动画）实例-——-微信小程序实战系列（8）(1)

button

弹窗标题


标题



标题



标题



标题



备注



确定

wxss：

/button/
.btn {
width: 80%;
padding: 20rpx 0;
border-radius: 10rpx;
text-align: center;
margin: 40rpx 10%;
background: #000;
color: #fff;
}

/mask/
.drawer_screen {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
background: #000;
opacity: 0.5;
overflow: hidden;
}

/content/
.drawer_box {
width: 650rpx;
overflow: hidden;
position: fixed;
top: 50%;
left: 0;
z-index: 1001;
background: #FAFAFA;
margin: -150px 50rpx 0 50rpx;
border-radius: 3px;
}

.drawer_title{
padding:15px;
font: 20px “microsoft yahei”;
text-align: center;
}
.drawer_content {