Layui模块的使用

(作者:杨东升,撰写时间:04月13日)
Layui有个很厉害的地方,就是模块化加载,它里面包括了很多的模块,但只要你想使用那个模块,不用全部引用和加载,加载对应的模块就可以了,相应的css,js它也会帮你加载,这样可以减少页面的负担。
如果你想用这个插件的话,可以去https://www.layui.com里下载
在这里插入图片描述

下载完成后你就可以得到layui的css和js了,把layui这整个文件复制下来

在这里插入图片描述
然后把它拷到你项目文件里
在这里插入图片描述

现在layui这个插件已经在你的项目中了,剩下的你只要把它引用就可以了。
首先,要把layui.js引进来(把它包含到项目中后拖到你的页面就可以引用了),注意:layui.all.js是非模块化加载的,它会把所有的模块加载,因为我们要使用模块化加载所以不用它。

在这里插入图片描述
接下来的,只要你要用layui哪个模块就去复制它的模块加载名称,比如我们要layui的弹出层模块:

在这里插入图片描述
先加载layer弹出层模块,模块加载完之后定义一个全局变量把模块获取出来,以便全局使用 :
在这里插入图片描述
然后你就可以在需要弹出层的地方使用它了,icon里可以更换图标(0-6),title里面可以写提示的文字:
在这里插入图片描述
弹出层效果图:

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44544859/article/details/89370412