Layui一款开源的前端框架,UI样式简洁大方
layer弹窗使用简单,无需自己写css样式,可以直接使用;
使用方式:
在此推荐下载Layui源码包的方式使用:
下载Layui源码包: https://www.layui.com/
下载完成后,将文件解压到项目中
在需要使用的HMTL文件中 ,引入css文件和js文件
<link rel="stylesheet" href="/static/layui-v2.6.8/layui/css/layui.css">
<script src="/static/layui-v2.6.8/layui/layui.js"></script>
在需要使用的代码中,直接使用layer.msg(‘提示信息’) 即完成提示弹窗的编写
其他参数: layer.msg(‘提示信息’,{icon:1});
其中 icon参数不同可以选择不同的css样式;
1是√号
2是X号
3是问号
4是锁号
5是不开心笑脸号
6 是一个笑脸号
7是感叹号
另外在后面msg中加入函数,以实现弹窗消失后的操作:
layer.msg(‘关闭后想做些什么’, function(){
});
也可以直接使用layer 完成确认框的编写:
layer.open({
title:'确认框的标题',
content: '我的确认框',
});