layui框架怎么使用

layui框架怎么使用

详情介绍

layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。但是想用它,必须要按照他的规矩老干事,毕竟那人的手短,骚操作可以有,那也是规矩里的。

layui框架怎么使用

下载完后我们将其解压拿出 layui 文件夹。打开编辑器,将其放入。

然后在html中开始引入css文件和js文件。在这里我们需要的是 layui.css 和 layui.js 这两个layui核心文件。

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset=“UTF-8”>
  5. <title>Title</title>
  6. <link rel=“stylesheet” href=“layui/css/layui.css”>
  7. <script src=“layui/layui.js”></script>
  8. </head>
  9. <body>
  10. //模块和回调函数
  11. <script>
  12. //一般直接写在一个js文件中
  13. layui.use([‘layer’, ‘form’], function(){
  14.   var layer = layui.layer
  15.   ,form = layui.form;
  16.   layer.msg(‘Hello World’);
  17. });
  18. </script> 
  19. </body>
  20. </html>

更多使用操作,可以进入参考layui官网

附上layui官网:https://www.layui.com/

 

分享到 :
ps插件怎么安装
上一篇 2020-07-14
相关推荐

发表评论

邮箱地址不会被公开。 必填项已用*标注