function canshuadd(){
var html='<div class="panel panel-default toggle">';
// html+='<label&nbs
原创
2016-11-17 12:47:03
603阅读
官方介绍：layer至今仍作为layui的代表作， 榜单：2017...
原创
2021-07-28 11:04:17
230阅读
layer弹框常用方法layer.msg(content, options, end) - 提示框layer.msg('提示内容，唯一不可省略的项', {
icon: 1,//表情类型
time: 2000 //2秒关闭（默认是3秒）
}, function(){
//do something，关闭后想做些什么
});官方介绍是目前露脸率最高的提示框。因为它简单，默认会3秒后自动消失，
转载
2020-06-24 16:11:00
146阅读
2评论
<input type="text" name="entryDate" id="entryDate" lay-verify="date" placeholder="选择入职时间" autocomplete="off" class="layui-input"> //入职时间 laydate.render({ ...
原创
2021-07-06 14:00:30
558阅读
1. 小程序整个屏幕弹窗:.cl-panel-box {
position: fixed;
right: 0;
top: -100vh;
bottom: 0;
height: 100vh;
width: 100%;
z-index: 999;
background: #ffffff;
transition: 0.4s;
}
.
原创
2023-10-01 23:39:31
216阅读
非本人原创，此为本人导师代码，在此整理分析。1、遮蔽层，弹框弹出时，页面变灰。CSS部分.overlay{display:none;position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background-color:hsla(0, 0%, 0%, .7);}2、定时提示小弹框，页面垂直居中显示CSS部分 /*t
原创
2015-07-24 11:23:22
719阅读
在用 layer.open() 追加渲染HTML的时候，完全看不到效果，皆因layui框架需要在最后用 form.render() 方法来渲染表单才可以看到效果，写法如下： <script> layui.use(['form','layer'],function(){ var form = layu ...
转载
2021-09-02 17:06:00
1831阅读
2评论
当验证失败的时候，会出现弹框进行提示，如果直接写alert的话显得太原始了，放一个layer验证提示弹框代码在里面，ui瞬间变得有模有样了 。success : function(data) { if (data == 0) { layer.msg('工号已存在',{...
原创
2021-07-28 17:49:07
447阅读
在打开layer弹框的时候，如果遇到网络较慢，会有一个加载的过程，默认为白色，如果项目的整体基调为其他的颜色的时候，会显得比较突兀，这个时候，需要找到layer.css源码中的这部分代码，加以修改。.layui-layer-load { background: url(default/loading-0.gif) center center no-repeat #0d1c2e;}...
原创
2021-07-29 10:30:16
747阅读
目的：XXXX项目中，很多的弹窗是利用freemarker的网页标签追加的形式实现的，网页弹框只是将隐藏的div显示出来，这样会使网页在预加载时速度变慢，增加页面加载和响应时间解决方法如下：<已分中心管理的添加分中心弹框实现机制为例>1.弹框页面部分的html代码和css抽离 html : html/configure/layer-win/_group-add-layer.html c
原创
2022-03-04 19:04:46
340阅读
目的：XXXX项目中，很多的弹窗是利用freemarker的网页标签追加的形式实现的，网页弹框只是将隐藏的div显示出来，这样会使网页在预加载时速度变慢，增加页面加载和响应时间解决方法如下：<已分中心管理的添加分中心弹框实现机制为例>1.弹框页面部分的html代码和css抽离 html : html/configure/layer-win/_group-add-layer.html c
原创
2021-06-09 16:58:37
273阅读
2、在main.js中引入 3、然后就可以在各个组件中使用layer了 实例： 4、在项目中使用loading页 5，1.5s后消失的提示框 6，询问框 官方地址：http://layer.layui.com/ 上面有各种弹窗的使用示例 Read More
转载
2019-05-11 15:45:00
275阅读
最近做一个移动端项目，弹框写的比较麻烦，查找资料，找到了这个组件，但是说明文档比较少，自己研究了下，把我碰到的错，和详细用法分享给大家！有疑问可以打开组件看一看，这个组件是仿layer-mobile的，很多用法都一样，可以看看哦！ 一、npm 安装 // 当前最新版本 1.2.0 npm insta
转载
2019-12-20 17:52:00
374阅读
2评论
Vue利用layer进行自定义弹窗（依赖jquery和layer，不知道怎么引入的，看我之前的文章）
原创
2023-06-05 13:53:14
77阅读
<td width="107" height="42" class="contract" myhref="{:U('/Manage/Merchant/contract', array('id'=>$item['merchant_id']) )}">合作协议</td> <script>$('.contract').click(func
原创
2016-10-09 17:15:29
473阅读
打开layer右上角的叉号的审查元素，可以看到运用的是CSS 图像精灵(css sprites定位技术），通常是为了减少网页http请求，加快页面加载速度，提高页面的性能(适合小图) 。在这张图片上，真好有符合设计师需要的图标，最后一个蓝色的叉号按钮。需要用到其中之一的叉号按钮，来改变layer弹框右上角关闭按钮的样式，只需要在源代码里面修改一下：需要打开插件css源代码layer.cs...
原创
2021-07-28 16:19:38
1433阅读
打开layer右上角的叉号的审查元素，可以看到运用的是CSS 图像精灵(css sprites定位技术），通常是为了减少网页http请求，加快页面加载速度，提高页面的性能(适合小图) 。在这张图片上，真好有符合设计师需要的图标，最后一个蓝色的叉号按钮。需要用到其中之一的叉号按钮，来改变layer弹框右上角关闭按钮的样式，只需要在源代码里面修改一下：需要打开插件css源代码layer.cs...
原创
2021-07-29 10:29:31
1629阅读
项目中，左侧导航树，右侧是 iframe 嵌套的页面，在右侧页面中又有layer弹框，可以说
原创
2022-08-04 15:56:32
94阅读
layer是一款近年来口碑非常不错的web弹层组件，她具备全方位的解决方案，致力于服务各个水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。在与同类组件的比较中，layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能，且格外注重性能的提升、易用和实用性，正因如此，越来越多的开发者将媚眼投上了layer。layer兼容了包括IE6在内的所有主流浏览器。 她数量可观的接口，使得您可
原创
2016-10-22 10:51:24
836阅读
一、layer的icon样式以上样式测试代码：[javascript]view plaincopylayer.confirm('icon测ert("确认"); layer.close(index);...
转载
2022-10-14 16:01:32
132阅读
