小程序遮罩层怎么做,小程序如何做遮罩层

时间:2024-10-17 13:14:16

1、首先打开小程序开发工具,准备一个简单的小程序,如下图所示

小程序遮罩层怎么做,小程序如何做遮罩层

2、然后在wxml界面添加一个遮罩层的view,然后在加一个按钮,如下图所示

小程序遮罩层怎么做,小程序如何做遮罩层

3、接着实现按钮的点击事件,主要是修改遮罩层是否显示的参数,如下图所示

小程序遮罩层怎么做,小程序如何做遮罩层

4、然后给遮罩层添加样式,如下图所示

小程序遮罩层怎么做,小程序如何做遮罩层

5、接着我们运行小程序点击按钮,如下图所示

小程序遮罩层怎么做,小程序如何做遮罩层

6、最后就可以看到弹出了遮罩层了,如下图所示

小程序遮罩层怎么做,小程序如何做遮罩层
© 手抄报圈