今天我们就从CSS视角制作如下图的模态框。先上传代码：https://developers.weixin.qq....模态框后面的背景是固定定位的，有一个view，四个方向都是0，主要是如何实现垂直和水平居中中间弹出窗口，这里提供了两个选项。1.定位这个方案是设置弹窗的绝对定位，设置left(top)距离为50%，即弹窗左上角到左上角的距离父级的角恰好是父级宽度（高度）的50%。居中，同时利用transform属性将弹窗向左（上）移动自身宽度（高度）的50%，这样弹窗就可以居中于水平（垂直）方向。position:absolute;top:50%;left:50%;transform:translateX(-50%)translateY(-50%);2.flexlayout这个方案比较简单，只需要同时设置parent为flexlayout设置justify-content和align-items为center即可。显示：弹性；证明内容：居中；对齐项目：居中；弹出彩蛋模态框后，给parent加上catchtouchmove="ture"，防止页面上下滚动。
