layui插件里的4种对话方式

开发工具与关键技术：VS jQurey
作者：黄海滨
撰写时间：2019年4月3日

最近做项目中一直在用插件，发现插件真的很实用，可以少打很多代码。
下面我来跟大家说一下layui插件里比较实用的四种对话方式

首先，我们要引入layui插件才能使用它，下面进入正文，先来说第一个Layer.alert
对话框，它类似系统alert，但比alert更灵便，它的参数是自动向左补齐的。通过第二个参数，可以设定各种你所需要的基础参数，来看下它的代码，

只要这么一句代码就可以完成alert效果，是不是很方便呢，来看下效果吧

只要点击确定，这个对话框就会消失，而且插件它自己带有图标，它有7种图标，在icon的后面输入0-6，就可以实现，这样就不会让你的提示框显得单调啦

下面来看第二种layui.confirm，它跟alert一样，都类似与系统的，但比系统的更好，来看下这个询问框的效果吧，先看下代码

再看下效果

是不是很方便呢

接下来是第三种layui.msg，这个提示框他非常方便，而且很简单，主要特点是它会在3秒后自动消失（默认3秒），先来看下代码吧

是不是很简单呢，再来看下效果

它会在3秒后自动消失，而且我们可以给它设置其他属性，比如上面所说的图标，和它的持续时间

就是这样啦，这个2000表示时间是两秒

到了最后一个了layui.prompt，这是一个输入层,接下来，还是先看下代码

下面来演示下效果

这时候你要在输入框内输入文字，才能点击确定，点击取消的话，他会直接消失，输入文字之后，点击确定，就会出现一个提示框，它会把你输入的文字显示出来

我输入了叽叽叽，然后点击了确定，然后就变成这样子了。
总而言之，就是方便。