layui框架的引入

最新推荐文章于 2022-04-28 17:43:10 发布

小小萌新倪

最新推荐文章于 2022-04-28 17:43:10 发布

阅读量682

点赞数

本文链接：https://blog.csdn.net/qq_43366068/article/details/107180615

版权

layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。
但是想用它，必须要按照他的规矩老干事，毕竟那人的手短，骚操作可以有，那也是规矩里的。
layui官网下载：
https://www.layui.com/
2.
下载完之后导入自己的项目中
3.
然后在html中开始引入css文件和js文件。

在这里我们需要的是 layui.css 和 layui.js 这两个layui核心文件。

<!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>

最后，我们还需要声明需要使用的模块和回调函数

小小萌新倪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
layui框架的引入

layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。但是想用它，必须要按照他的规矩老干事，毕竟那人的手短，骚操作可以有，那也是规矩里的。layui官网下载：https://www.layui.com/2.下载完之后导入自己的项目中3.然后在html中开始引入css文件和js文件。在这里我们需要的是 layui.css 和 layui.js 这两个layui核心文件。<!DOCTYPE ...
复制链接

扫一扫