微信小程序自定义弹窗(可通用)

本文为自定义弹窗，该内容可满足如下需求：

自定义各种布局弹窗、

点击弹窗布局外消失弹窗

弹出弹窗时背景阴影半透明

各方向弹出效果(本文为自下而上弹出)、

(后续可能会补充新需求，或可以留言讨论你的需求)

话不多说，先上图看效果：

上图是我自己拙劣的审美自定义的一个编辑弹窗，因为重点是自定义弹窗，所以在下文的通用代码中我就去掉了这些布局，剩下填充部分由读者自行填充。

下面上代码，老规矩，还是微信小程序对应的几个文件的代码，可直接贴到页面里用的哦。

.wxml 文件中 直接放到wxml的最底部就行了，十分简练。

wxss 文件中 直接放进去就行，根据注释可自行调节弹框带不带阴影。

.js 文件中 处理弹框弹出消失逻辑，以及自定义弹窗里的业务逻辑。

作者：黑与空

链接：https://www.jianshu.com/p/f86b57619ef7

来源：简书

简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。