点击右上方红色按钮关注“web秀”，让你真正秀起来！

前言

注意: 下方popup 组件语法使用原生小程序，copy需做调整

popup主要用来显示了一个弹出式窗口，其中列出了可用的用户管理属性

微信小程序popup组件你会了吗？

组件功能实现介绍

wxml实现部分

• isShowPop用来控制组件的显示和隐藏
• needTitle和title分别是两种title的样式

微信小程序popup组件你会了吗？

js实现部分

详细请看下方注释

微信小程序popup组件你会了吗？

css实现部分

只写了组件的公共样式部分，slot内容写到具体页面了

微信小程序popup组件你会了吗？

组件调用实现介绍

wxml实现部分

• popup组件引入后调用
• isShowPop是传入子组件的属性，控制是否显示
• bindcancel、bindconfirm是传入子组件的方法，用this.triggerEvent(‘xxx’)等方法调用，pCancel、pConfirm是this.triggerEvent(‘xxx’)调用的执行的具体方法
• slot对应组件 slot name=”after”

微信小程序popup组件你会了吗？

js实现部分

详细请看下方注释

微信小程序popup组件你会了吗？

微信小程序popup组件你会了吗？

css实现部分

这里引入了Iconfont-阿里巴巴矢量图标库，点击查看阿里巴巴矢量图标库Iconfont的使用方法

微信小程序popup组件你会了吗？

上述就是一个微信小程序pop组件实现的全部代码，看起来是不是很简单了，赶紧自己动手试试吧，没有你想象的那么难！！！

公告

源码地址，请点击下方“了解更多”！

更多资源敬请关注！