关闭用这个
layer.closeAll();
//初体验
layer.alert('内容')
layer.alert('见到你真的很高兴', {icon: 6});
//扩展皮肤 layer.alert('内容', { icon: 1, skin: 'layer-ext-demo' //见:扩展说明 }) icon1是绿色对号 2是红色错误 6好像是笑脸。
//询问框 layer.confirm('您是如何看待前端开发?', { btn: ['重要','奇葩'] //按钮 }, function(){ layer.msg('的确很重要', {icon: 1}); }, function(){ layer.msg('也可以这样', { time: 20000, //20s后自动关闭 btn: ['明白了', '知道了'] }); });
layer.msg('一段提示信息');
layer.msg("请选择岩石类型", {icon:2}); 加红叉
layer.msg("请选择岩石类型", {icon:1}); 这是绿色对号
//墨绿深蓝风 layer.alert('墨绿风格,点击确认看深蓝', { skin: 'layui-layer-molv' //样式类名 ,closeBtn: 0 }, function(){ layer.alert('偶吧深蓝style', { skin: 'layui-layer-lan' ,closeBtn: 0 ,anim: 4 //动画类型 }); });
//页面层 layer.open({ type: 1, skin: 'layui-layer-rim', //加上边框 area: ['420px', '240px'], //宽高 content: 'html内容' });
layer.open({ type: 2, title: '批量导出', shadeClose: false, shade: 0.8, area: [w+'px', h+'px'], offset: ['50px', '50px'], 弹出层的位置 content: '/houtai/blog/export/pl?ids='+global_ids //iframe的url });
var index = layer.msg('提交中,请稍候', { icon : 16, time : false, shade : 0.8 });
layer.prompt({title: '输入任何口令,并确认', formType: 1}, function(pass, index){ layer.close(index); layer.prompt({title: '随便写点啥,并确认', formType: 2}, function(text, index){ layer.close(index); layer.msg('演示完毕!您的口令:'+ pass +'<br>您最后写下了:'+text); }); });
窗口有最大化按钮
layer.open({ type: 2, title: '很多时候,我们想最大化看,比如像这个页面。', shadeClose: true, shade: false, maxmin: true, //开启最大化最小化按钮 area: ['893px', '600px'], content: 'https://www.baidu.com/' });
捕获层
layer.open({ type: 1, shade: false, title: false, //不显示标题 content: $('.layer_notice'), //捕获的元素,注意:最好该指定的元素要存放在body最外层,否则可能被其它的相对元素所影响 cancel: function(){ layer.msg('捕获就是从页面已经存在的元素上,包裹layer的结构', {time: 5000, icon:6}); } });
//Tips layer.tips('我是另外一个tips,只不过我长得跟之前那位稍有些不一样。', '吸附元素选择器', { tips: [1, '#3595CC'], time: 4000 });
相册 层
//相册层 $.getJSON('test/photos.json?v='+new Date, function(json){ layer.photos({ photos: json //格式见API文档手册页 ,anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机 }); });
加载中
//加载层 var index = layer.load(0, {shade: false}); //0代表加载的风格,支持0-2
//loading层 var index = layer.load(1, { shade: [0.1,'#fff'] //0.1透明度的白色背景 0.1透明 0.6前透明 });
shadeClose: true, function help(){ layer.open({ type: 2, title: '如何获取打印码', area: ['700px', '450px'], fixed: false, //不固定 maxmin: true, shadeClose: true, content: '/code/help' }); }
//弹出即全屏 var index = layer.open({ type: 2, content: 'https://dev.layuion.com/jump/alyhot/', area: ['320px', '195px'], maxmin: true }); layer.full(index);
//tab 层 layer.tab({ area: ['600px', '300px'], tab: [{ title: 'TAB1', content: '内容1' }, { title: 'TAB2', content: '内容2' }, { title: 'TAB3', content: '内容3' }] });
站长微信:xiaomao0055
站长QQ:14496453