1.首先去官网下载压缩包
https://www.layui.com/
博主下载的包
链接: https://pan.baidu.com/s/1nSYH-FyhH2mnZFO8Vxbw-w 提取码: u4sm 复制这段内容后打开百度网盘手机App,操作更方便哦
2.导入配置
2.1如果是web项目正常解压放在web-content的目录下
2.2在页面进行关联
<link rel="stylesheet" href="layui-v2.5.6/layui/css/layui.css">
<!-- 这里采用模块化引入 -->
<link rel="stylesheet" href="layui-v2.5.6/layui/css/layui.css">
<!-- 非模块化引入就是把所有的都拿进来,模块化引入是用什么,拿什么 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>开始使用layui</title>
<!-- 这里采用模块化引入 -->
<link rel="stylesheet" href="layui-v2.5.6/layui/css/layui.css">
<!-- 非模块化引入就是把所有的都拿进来,模块化引入是用什么,拿什么 -->
</head>
<body>
<!-- 你的HTML代码 -->
<script src="layui-v2.5.6/layui/layui.js"></script>
<script>
//一般直接写在一个js文件中
//中括号是引用类型:其中layer是引用模块,form是表单
layui.use(['layer', 'form'], function(){
var layer = layui.layer
,form = layui.form;
layer.msg('Hello World');
});
</script>
</body>
</html>