手机版

谈图层的图标样式和一些常用的图层窗口使用方法

时间:2021-08-20 来源:互联网 编辑:宝哥软件园 浏览:

本文收集了我在实际开发中使用的图层窗口和没有使用的图层按钮。请参考图层官网:http://layer.layui.com/

1.图层的图标样式

以上样式测试代码:

Layer.confirm('icon test ',{icon: 1,title:' prompt'},function(index){//做点什么提醒(' confirm ');layer.close(索引);});二、查询框

官方案例:

//询问box layer . confirm(‘你觉得前端开发怎么样?’,{btn: ['重要','精彩']//button },function(){ layer.msg('真的很重要',{ icon : 1 });},function(){ layer.msg('它可以是同一个',{time : 20000,20s后自动关闭BTN :['了解','了解']});});使用时需要修改标题,就像上面测试样式时的代码一样,实现自定义标题:

Var消息=“您确定要继续吗?”;//查询框layer.confirm(消息,{icon : 3,title : '信息提示' },function(index){//submit form();layer.close(索引);});第三,提示层

官方案例:

//提示层layer.msg('在生命的提示中');默认关闭时间为3秒,效果如下(背景为官网的广告,实际效果为黑色半透明):

自定义样式和时间,代码如下:

Layer.msg('操作成功!',{icon: 6,time : 2000 });

图标样式为6,关闭时间为2秒。效果如下:

第四,播放框(自定义页面)

官方案例:

//自定义页面图层.打开({type: 1,skin:' layui-layer-demo ',//样式类名closebtn3360 0,//不显示关闭按钮anim3360 2,阴影关闭3360 true,//打开遮罩关闭content:' content'})效果如下:

我用案例,用图层实现盒子登录:

打开({type : 2,title : '用户登录',maxmin3360 true,skin :' layui-layer-LAN ',shade close : true,//点击蒙版关闭图层区域3360 ['400px ',' 280px'],其中' ' login.html ' '为登录页面,其效果如下:

关于弹出登录的情况,请参考我的另一篇博客:登录成功后实现登录弹出、关闭弹出、调用父窗口的图层示例。

以上是我常用的图层案例,以后会补充~

本文讨论了图层的图标样式和一些常用的图层窗口使用方法,这是边肖与大家分享的全部内容。希望能给大家一个参考,支持我们。

版权声明:谈图层的图标样式和一些常用的图层窗口使用方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。