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

但是并不能使用它来处理复杂性的弹窗业务，因此写了Michael从新自定义了一个，采用了仿原生的样式写法

wxml：

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