layui

弹出层

使用方式：重点！！！

1. 作为独立组件使用	如果你只是单独想使用 layer，你可以去 layer 独立版本官网下载组件包。你需要在你的页面引入jQuery1.8以上的任意版本，并引入layer.js。	通过script标签引入layer.js后，直接用即可。参考：快速上手
2. layui 模块化使用	如果你使用的是 layui，那么你直接在官网下载 layui 框架即可，无需引入 jQuery 和 layer.js，但需要引入layui.css和layui.js	通过layui.use(‘layer’, callback)加载模块

作为独立组件使用 layer
引入好layer.js后，直接用即可
<script src="layer.js"></script>
<script>
layer.msg('hello');
</script>

在 layui 中使用 layer
layui.use('layer', function(){var layer = layui.layer;layer.msg('hello');
});

msg

layer.msg('只想弱弱提示');
layer.msg('有表情地提示', {icon: 6});
layer.msg('关闭后想做些什么', function(){//do something
});
layer.msg('同上', {icon: 1,time: 2000 //2秒关闭（如果不配置，默认是3秒）
})

alert

//eg1
layer.alert('只想简单的提示');
//eg2
layer.alert('加了个图标', {icon: 1}); //这时如果你也还想执行yes回调，可以放在第三个参数中。
//eg3
layer.alert('有了回调', function(index){//do somethinglayer.close(index);
});

官方文档

layui 的简单使用相关推荐

SpringBoot+layui实现简单登录（项目创建+前后端配置）
后端技术开发工具 IDEA Java 1.8 项目构建 spring boot 2.6.7 项目管理 maven 3.6.3 持久层 mybatis-plus 3.5.0 数据库 MySQL 8.0 ...
LayUI超简单导出execl模板（无数据模板）
因业务需求,点击按钮,生成一个execl模板,给用户按照模板填写数据然后发现Layui自带一个带出execl的功能,可以作为生成execl模板直接使用,无后端交互,直接前端生成,并且只需几行数据. ...
layui实现简单的登录注册
去layui官网下载layui基本样式 layui官网:www.layui.com 然后用<link></link>标签引入相应的*.css,如果不了解的layui的一些标签属 ...
layui的简单使用
admin.html <!DOCTYPE html> <html> <head><meta charset="utf-8">< ...
layui的几个简单使用(简单弹窗,加载效果,移除加载效果)
1.加载效果和移除加载效果 function layuiLoading(msg){layui.use(['layer', 'form'], function(){index = layer.load( ...
css修改layui的下拉框样式 js_layui的安装以及简单操作
最近有需要做前端界面的快速开发,于是就考虑到前端框架的使用.Layui是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用.其外在极简, ...
form layui vue 和_vue和layui一起用好用吗？
来了来了我来了,看到这个问题我顿时笑出了声,不是嘲讽题主多无知,而是我这么干过,果然我不是第一个这么想的,哈哈哈哈可以给你说说会遇到的问题. 当时大三,在做学校的科研系统,类似OA是会正儿八经的用的平 ...
layui 数据表格+分页
废话不多说了,以下是本少爷用过的layui 的实例经验,看代码: layui使用经验: 1.HTML 搜索输入框 <form class="layui-form">&l ...
ssm(spring mvc+mybatis)+netty4开发qiq
发布时间:2018-10-30 技术:spring mvc+mybatis+nett4+layui 概述简单快捷的IM方案,快速打造在线IM,可用于公司内网.外网通讯,客服系统等,实现了socket ...

layui 的简单使用

layui

弹出层

msg

alert

layui 的简单使用相关推荐

最新文章

热门文章