Layui模块的使用

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

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

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

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

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

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

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值