Layui 是一款采用自身模块规范编写的情怀型前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发。
使用Layui 只需在页面中引入核心文件即可: <!DOCTYPEhtml>Quick Start - Layui<!-- HTML Content -->// Usagelayui.use(function(){varlayer = layui.layer;// Welcomelayer.msg("Hello World", { icon:6}); }); 使用文档 当前版本文档 项目参与 项目参与者 破旧立新 🌱 2016 年 10 月 14 日,...
两年前 Layui 官网宣布了下线声明,说实话当时内心确实感慨万千毕竟这个免费为我们后端程序员提供的一个前端快熟开发框架的官网就这样下线了确实十分的惋惜,但是庆幸的是官网的下线,只是单纯一个网站自身生命周期的结束,它并不意味着 Layui 这样一个开源项目的停更,Layui 仍然在 Github 和 Gitee 保持活跃,并不存在所...
如你所愿,在 layui 2.0 的版本中,我们加入了强劲的栅格系统和常见的管理系统布局方案,这意味着你可以采用 layui 排版你的响应式网站和后台管理系统的界面了。layui 的栅格采用业界比较常见的 12 等分规则,内置手机、平板、PC 桌面中大型屏幕的多终端适配处理,最低能支持到 ie8。而你应当更欣喜的是,layui ...
layui.define([mods], function(exports){ //…… exports('mod', api); }); //layui 模块的使用 layui.use(['mod1', 'mod2'], function(args){ var mod = layui.mod1; //…… }); 没错,她具备早前 AMD 的影子,又并非受限于 CommonJS 的那些条条框框,layui 认为这种轻量的组织方式,比...
layui.define(['layer', 'laypage'], function(exports){ //do something exports('demo', function(){ alert('Hello World!'); }); }); 上述的['layer', 'laypage']即为本模块所依赖的模块,它并非只能是一个数组,你也可以直接传一个字符型的模块名,但是这样只能依赖一个模块。 加载所需模块 方法...
Layui是一套开源免费的 Web UI 组件库,采用自身轻量级模块化规范,遵循原生态的 HTML/CSS/JavaScript 开发模式,非常适合网页界面的快速构建。 layui是一款采用自身模块规范编写的情怀型前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。
layui.use('util', function(){ var util = layui.util; //执行 util.fixbar({ bar1: true ,click: function(type){ console.log(type); if(type === 'bar1'){ alert('点击了bar1') } } }); }); 这是一个精致的封装,它并不负责视图的呈现,而仅返回倒计时数值,这意味着你可以将它应用在任...
你可以在我们的官网首页下载到 layui 的最新版,它经过了自动化构建,更适合用于生产环境。目录结构如下: layui/ ├─css │ └─layui.css # 核心样式库 └─layui.js # 核心模块库 2. Git 下载 你也可以通过GitHub或Gitee下载 released 版本。或者直接下载整个仓库,以便进行二次开发。也可以 Fork layui 参...