手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

微信小程序自定义弹窗如何做

时间:2024-10-12 08:48:12

1、首先我们建立一个演示的小程序片段,目录如下图所示

微信小程序自定义弹窗如何做

2、然后在wxml中将弹窗的界面定义好,如下图所示

微信小程序自定义弹窗如何做

3、接下来就是定义弹窗的样式,主要是遮罩层的样式,如下图所示

微信小程序自定义弹窗如何做

4、然后在js中声明变量,它用来控制弹窗是否显示,如下图所示

微信小程序自定义弹窗如何做

5、接着我们就可以看到弹窗的界面了,如下图所示

微信小程序自定义弹窗如何做

6、最后在定义一下取消弹窗的事件就可以了,如下图所示

微信小程序自定义弹窗如何做

7、综上所述,在小程序开发的时候自定义弹窗还是很简单的,主要定义好遮罩层,然后设置好弹窗位置就可以了

© 手抄报圈