layui插件里的4种对话方式

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

最近做项目中一直在用插件,发现插件真的很实用,可以少打很多代码。
下面我来跟大家说一下layui插件里比较实用的四种对话方式
在这里插入图片描述
首先,我们要引入layui插件才能使用它,下面进入正文,先来说第一个Layer.alert
对话框,它类似系统alert,但比alert更灵便,它的参数是自动向左补齐的。通过第二个参数,可以设定各种你所需要的基础参数,来看下它的代码,
在这里插入图片描述
只要这么一句代码就可以完成alert效果,是不是很方便呢,来看下效果吧
在这里插入图片描述
只要点击确定,这个对话框就会消失,而且插件它自己带有图标,它有7种图标,在icon的后面输入0-6,就可以实现,这样就不会让你的提示框显得单调啦

下面来看第二种layui.confirm,它跟alert一样,都类似与系统的,但比系统的更好,来看下这个询问框的效果吧,先看下代码
在这里插入图片描述
再看


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部