首先要知道什么是layUI,layUI(谐音:类 UI)是框架!是遵循原生 HTML/CSS/JS 的开发方式。具体了解话是要去官网仔细阅读。
官网传送门:https://www.layui.com/
在官网首页直接下载
下载后解压文件
之后打开编辑器创建一个项目(普通的HTML项目就可以),将解压好的文件放到项目里
放好后在HTML文件里引入layui.css和layui.js文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="layui/css/layui.css">
<script src="layui/layui.js"></script>
</head>
<body>
模块和回调函数
<script>
//一般直接写在一个js文件中
layui.use(['layer', 'form'], function(){
var layer = layui.layer
,form = layui.form;
layer.msg('Hello World');
});
</script>
</body>
</html>
这里声明了使用模块和回调函数。
下面我直接参照官方文档做了个实例
这里就是官方的示例文档里的演示项目,自己搬运的时候一定记得把layui.css、layui.js换成本地的路径