01 下载layui放到任意目录引入CSS与JS

layui学习手记babsoft 发表了文章 • 0 个评论 • 32 次浏览 • 2019-07-11 09:17 • 来自相关话题

点击附件下载 layui 当前版本:2.5.4 目录说明 ├─css //css目录 │ │─modules //模块css目录(一般如果模块相对较大,我们会单独提取,比如下面三个:) │ │ ├─laydat ...查看全部
点击附件下载 layui 当前版本:2.5.4
目录说明
 ├─css //css目录
│ │─modules //模块css目录(一般如果模块相对较大,我们会单独提取,比如下面三个:)
│ │ ├─laydate
│ │ ├─layer
│ │ └─layim
│ └─layui.css //核心样式文件
├─font //字体图标目录
├─images //图片资源目录(目前只有layim和编辑器用到的GIF表情)
│─lay //模块核心目录
│ └─modules //各模块组件
│─layui.js //基础核心库
└─layui.all.js //包含layui.js和所有模块的合并文件
如果是放在网站根目录.引入CSS 和JS

<link rel="stylesheet" href="/layui/css/layui.css">
<script src="/layui/layui.js"></script>

因为:layui自带了jquery.自动判断没有加载时自动加载.所以不用添加:jquery.js
完整测试代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="layui/css/layui.css">
<title>无标题文档</title>
</head>

<body>
test

</body>

<script src="layui/layui.js"></script>
<script>
//一般直接写在一个js文件中
layui.use(['layer'], function(){
var layer = layui.layer;

layer.msg('Hello World');
});
</script>


</html>




360截图162204258981119.jpg