layUi引入

最新推荐文章于 2023-07-19 17:42:49 发布

WangYuanhang123

最新推荐文章于 2023-07-19 17:42:49 发布

阅读量300

点赞数

文章标签： layui

本文链接：https://blog.csdn.net/WangYuanhang123/article/details/112972265

版权

layui 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。
但是想用它，必须要按照他的规矩老干事。
附上layui官网
https://www.layui.com/

在这里插入图片描述

下载完后我们将其解压拿出 layui 文件夹

打开编辑器，将其放入。
在这里插入图片描述
然后在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>