你们好,最近小时发现有诸多的小伙伴们对于modal是什么意思,modal这个问题都颇为感兴趣的,今天小活为大家梳理了下,一起往下看看吧。
1、 新建一个微信小程序0607。完成后,总体结构如下图所示:
2、 在app.json中,调整test的位置,放在第一位;
3、 运行简单,直接显示test.wxml文件,如图:
4、 在test.wxml中输入以下代码,并添加一个按钮,运行后如图所示:
5、 功能:点击按钮后,会显示一个带标题的模态弹出窗口。
6、 Button type=' primary' bindtap='modalbtn' with titlemodal/button
7、 在test.js中输入wx.showModal的代码(详见小程序API),运行后,如图:
8、 wx.showModal中的Success是接口调用成功的回调函数;
9、 如果点击上图中的“确定”,可以在调试器的“控制台”中看到“用户点击确定”,取消按钮也是如此;
10、 这里的console.log()是指在控制台上打印内容;
以上就是modal这篇文章的一些介绍,希望对大家有所帮助。