layui的快速使用

2024-10-28 18:14:50

1、官网下载layui的源码文件，可以在百度搜索下载，下载完成后解压文件：如图文件目录格式，可以直接将js和css文件引入项目中使用，

3、页面加载完成锂淅铄旰直接运行弹出hello world。<!DOCTYPE html><html> <head>稆糨孝汶; <meta charset="UTF-8"> <title></title> <script src="layui/layui/layui.js"></script> <link href="layui/layui/css/layui.css"> </head> <body><body><script>//一般直接写在一个js文件中layui.use(['layer', 'form'], function(){ var layer = layui.layer; layer.msg('Hello World');});</script></body></html>

5、如果你想采用非模块化方式（即所有模块一次性加载，尽管我们并不推荐你这么做），你也可以按照下面的方式使用：<script>;!function(){ var layer = layui.layer layer.msg('Hello World');}();</script>

7、Layui在解析HTML元素时，必须充分确保其结构是被支持的。需要遵循layui的解析格式。具体参照官网；