肿瘤康复网,内容丰富有趣,生活中的好帮手!
肿瘤康复网 > layui.css如何使用 layui框架如何使用使用

layui.css如何使用 layui框架如何使用使用

时间:2024-06-24 20:45:44

相关推荐

摘要:layui,是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML CSS JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。

layui,是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。

既然 layui 这么好,该怎么用呢?

1、下载框架

首先我们得在layui官网下载框架(lauyi官网:/layui/)

然后解压,把 lauyi(里面包含了font、css、image及lay等内容) 文件夹及里面的所有文件一起拷贝到你的项目中,你愿意放哪就放哪,只要引用里面的文件时能找到。

2、layui 框架的使用

引用css、js文件,在需要使用layui框架的页面引入layui的css和js,将下面两行代码加入页面的head内,注意css和js文件的路径

两个核心文件引入后我们就可以使用layui相关的css和js功能了:html>

layui框架使用

layui.use(['layer','form'],function(){

varlayer=layui.layer

,form=layui.form;

//在页面中显示提示信息

layer.msg('HelloWorld');

});

如果觉得《layui.css如何使用 layui框架如何使用使用》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。