layUI入门 -- 引入

最新推荐文章于 2024-06-22 14:05:55 发布

蒲公英的家

最新推荐文章于 2024-06-22 14:05:55 发布

阅读量1.7k

点赞数

文章标签： layui html 前端 css

本文链接：https://blog.csdn.net/qq_44721998/article/details/119883912

版权

首先要知道什么是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换成本地的路径

蒲公英的家

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
layUI入门 -- 引入

首先要知道什么是layUI，layUI（谐音：类 UI）是框架！是遵循原生 HTML/CSS/JS 的开发方式。具体了解话是要去官网仔细阅读。官网传送门：https://www.layui.com/在官网首页直接下载下载后解压文件之后打开编辑器创建一个项目（普通的HTML项目就可以），将解压好的文件放到项目里放好后在HTML文件里引入layui.css和layui.js文件<!DOCTYPE html><html lang="en"><..
复制链接

扫一扫