《《《layui入门笔记

视频地址：https://www.bilibili.com/video/BV1fJ41117mP?from=search&seid=12701420321829571259

 

 layui官网：https://www.layui.com/

P11_layui入门使用

 1.去官网下载

 

 2.下载并解压

 

 

解压完成

 

 打开解压文价夹

 

 

 

 

 模块

包含layer（弹框），laypage（分页），tree（树）等模块

 复制出来一份layui放在项目中

 ————————————————————————————————————————————

 

 1.把layui引入到项目中

 

 

 2.新建一个html项目

 

3.引入css

 4.引入js（方式一：普通引入【后端优先选用普通引入】（方式二：模块化参考7））

 

5.使用

console.dir()可以显示一个对象的所有属性和方法

 6.输入浏览地址查看

 

 查看是否引入成功

鼠标右键-检查-点开o

 

往下滑可以看到v的版本

 

 

 layer版本里面的信息

 

 

 7.js引入：方式二模块化引入

模块化与非模块化的区别

layui中有许多不同的内置模块，如弹出层、日期与时间选择器、分页等不同模块。

模块化：使用时加载相应的模块。

非模块化：一次性加载所有的模块。

 

P22_栅格布局系统

P33_layui颜色方案

P44_layui图标使用

P55_layui按钮

P66_表单使用

P77_表格使用

P88_其他元素

P99_layer插件

P1010_laydate插件使用

P1111_laypage组件