镜像站@Layui - 经典开源模块化前端 UI 框架 (gitee.io)https://lh_yun.gitee.io/layui/www.layui.com/index.html 由于layui已经下架,所以在这里我们可以通过镜像站来访问到layui的主页
目录
1.layui的使用
2.布局容器
3.栅格系统
4.表单和按钮
5.选项卡
6.表格
7.面板
8.时间线
9.弹出层
10.数据表格
1.layui的使用
要想在项目中使用layui提供的框架,需要引入layui的css文件和js文件;
下载链接:百度网盘 请输入提取码https://pan.baidu.com/s/1OBe3CJsMXRhz6nWWyiDj5g
提取码:ncjq
下载完成后直接复制到项目中即可使用
下面就可以使用layui中的框架了
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>layui的使用</title>
<link rel="stylesheet" type="text/css" href="layui-v2.2.5/layui/css/layui.css"/>
<script src="layui-v2.2.5/layui/layui.js" type="text/javascript" charset="UTF-8"></script>
</head>
<body>
<script>
layui.use(['layer', 'form'], function(){
var layer = layui.layer,
form = layui.form;
layer.msg('Hello World');
});
</script>
</body>
</html>