前言
注意: 下方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组件实现的全部代码，看起来是不是很简单了，赶紧自己动手试试吧，没有你想象的那么难！！！
公告
源码地址，请点击下方“了解更多”！
本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:dandanxi6@qq.com