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

本文收集了我在实际开发中使用的图层窗口和没有使用的图层按钮。请参考图层官网：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 ' '为登录页面，其效果如下：

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

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

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