一、type-层类型

类型:Number  默认为0(信息框);

1(页面层),可以在页面添加HTML内容

2(iframe层)

3(加载层)加载时显示的弹出框

4(tips层)

需要绑定ID就不展示了

二、title标题

参数类型:String, Array, Boolean

String :即标题的文本

Array: 即CSS样式,如color:yellow

Boolean:不展示标题时可设置为flase

三、content内容

参数类型: String, Dom, Array

String: 内容是字符串

Dom: 获取一个Dom的元素,根据id等,可能对原有HTML代码有影响,最好放在body最外层(?)

Array: 当使用layer.open执行tips层时,需要填入tips层的三项必填项

三、skin(样式类名)

参数类型:String, 默认为空可以传入自定义的class来完成自定义样式

这是layer皮肤制作说明

skin: 'layui-layer-molv'效果如下:

四、area(宽高)

参数类型:String, Array 默认 'auto'

String: 单独定义宽度时,设置一个参数即可定义宽度

Array: 宽高度都自定义时,即为两个参数

五、offset(坐标)

参数类型:String, Array 默认'auto' 垂直水平居中

String: 'auto' 垂直水平居中;  '100px' top坐标,水平居中;

填入html简略词时同样有效:

t:顶部;r:右边缘; b:底部;l:左边缘; lt:左上角;rt:右上角;lb:左下角; rb:右下角

Array: ['100px', '50px'] 同时设置垂直水平坐标

六、icon(图标)

参数类型:Number, 默认不显示图标,若想显示则参数是0~6数字

七、btn(按钮)

参数类型:String, Array 默认:'确认'

可以为两个按钮绑定回调方法

layer.confirm('纳尼?', {
btn: ['按钮一', '按钮二', '按钮三'] //可以无限个按钮
,btn3: function(index, layero){
//按钮【按钮三】的回调
}
}, function(index, layero){
//按钮【按钮一】的回调
}, function(index){
//按钮【按钮二】的回调
});

八、btnAlign(按钮排列)

参数类型:String 默认为右

layer.open({
content: '111111111',
btnAlign: 'c'
});

九、closeBtn(关闭按钮)

参数类型:String, Boolean 默认1即原始样式,下面是2的样式

十、shade(遮罩)

参数类型:String, Array, Boolean 默认0.3

弹出层的外部区域,设置0.8透明度的#393D49颜色

Array: shade: [0.8, '#393D49'] 

十一、shadeClose(是否点击遮罩层关闭)

参数类型:Blooean 默认false

开启后,点击弹出层的外层区域即可关闭弹出层

十二、time(自动关闭所需毫秒)

参数类型:Number 默认0,即不会自动关闭,自动关闭时设置时间即可

十三、

layui弹出层基础参数的更多相关文章

  1. layui弹出层之应用实例讲解

    从酒店管理系统到智能门锁及其现在的资源共享平台,layui框架,我们团队用的比较多的就是这个layui弹出层. layui弹出层,除了页面iframe层我们比较常用还有就是表单校验和其他相关的友好提示 ...

  2. Layui 弹出层组件——layer的模块化开发实例应用

    Layui 弹出层组件——layer的模块化开发实例应用 1.首先在package.json中引入layer组件依赖 2.在源码中应用这个依赖 3.在源码中编写代码应用此组件 4.效果验证:点击日历上 ...

  3. Layui弹出层、日期和时间选择、即时通讯、分页

    Layui弹出层.日期和时间选择.即时通讯.分页 弹层组件文档 - layui.layer 对于弹出层的感觉是:layer 至今仍作为 layui 的代表作,她的受众广泛并非偶然,而是这数年来的坚持. ...

  4. layui弹出层回调的使用

    <%@page language="java" contentType="text/html; charset=UTF-8"%> <%@ in ...

  5. layer/layui弹出层插件bug

    <button class="layui-btn" lay-submit lay-filter="formDemo" id="layui-btn ...

  6. Layui弹出层详解

    今天空了学习一下弹出层 还是一步步展示把 首先,layer可以独立使用,也可以通过Layui模块化使用.我个人一直是用的模块化的 所以下面素有的都是基于模块化的. 引入好相关文件就可以开始啦  今天放 ...

  7. adminlte+layui框架搭建3 - layui弹出层

    在amdinlte首页引入layui.js 和layui.css后添加代码 <script> layui.use(['layer'], function () { var layer = ...

  8. layui弹出层处理(获取、操作弹出层数据等)

    要点: 字符串被渲染为弹窗层之后,回自动转换为DOM,可以使用jq进行各种操作 <!DOCTYPE html> <html> <head> <meta cha ...

  9. Layui 弹出层组件——layer

    layer是作为Layui[经典模块化前端框架]的一个弹层模块,由于其用户基数较大,所以把layer作为独立组件来维护. 基础参数: 基础参数主要指调用方法时用到的配置项,如:layer.open({ ...

随机推荐

  1. ORACLE11G报错汇总

    ============安装类================= 安装Oracle 11g R2的过程中,在新建数据库实例时出现了该错误,如果选择"忽略"就会出现ora-28000 ...

  2. centos7.5 解决缺少libstdc++.so.6库的原因及解决办法

    centos7. 解决缺少libstdc++.so.6库的原因及解决办法 执行node -v报错如下: [root@bogon ~]# node -v node: error : cannot ope ...

  3. SQL SERVER CLR Trigger功能

    通过在 Microsoft SQL Server 中托管 CLR(称为 CLR 集成),开发人员可以在托管代码中编写存储过程.触发器.用户定义函数.用户定义类型和用户定义聚合函数, 改变了以前只能通过 ...

  4. Mrchen测试人生

    auto:chenyq date:20190920 data:今天是我从事10年IT软件测试工作来的 开始写技术博客的第一次,希望今后能给互联网需要查询技术知识带来方便: 说起我的测试人生 路也走了1 ...

  5. K/3 Cloud 中FID和FMasterID的区别

    经常会用到,例如物料在多组织情况下. 例如一个物料分配不同组织后,内码FID肯定是不同的,但FMaterId还是一样的,因为是用一个物料. FMASTERID是和物料编码对应的内码,即一个物料编码对应 ...

  6. 【并行计算-CUDA开发】CUDA软件架构与Nvidia硬件对应关系

    前面扯了很多,不过大多都是在讲CUDA 在软体层面的东西:接下来,虽然Heresy 自己也不熟,不过还是来研究一下硬体的部分吧-毕竟要最佳化的时候,好像还是要大概知道一下相关的东西的.这部分主要参考资 ...

  7. JavaScript校验身份证,包含省份、长度、出生年月日、校验位的检测、性别、年龄

    一.代码如下 let vcity = {11: '北京', 12: '天津', 13: '河北', 14: '山西', 15: '内蒙古', 21: '辽宁', 22: '吉林', 23: '黑龙江 ...

  8. pyhanlp 繁简转换之拼音转换与字符正则化

    繁简转换 HanLP几乎实现了所有我们需要的繁简转换方式,并且已经封装到了HanLP中,使得我们可以轻松的使用,而分词器中已经默认支持多种繁简格式或者混合.这里我们不再做过多描述. ·说明 · Han ...

  9. scrapy生成json中文为ASCII码解决

    修改pipelines.py 即可 修改内容如下: import json import codecs import os class BaiduNewsPipeline(object): #增加的 ...

  10. chrome xpath调试