• layui弹出层基础参数


    一、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,即不会自动关闭,自动关闭时设置时间即可

    十三、 

  • 相关阅读:
    MVVM架构~knockoutjs系列之表单添加(验证)与列表操作源码开放
    MVVM架构~knockoutjs系列之验证成功提示显示
    MVVM架构~knockoutjs系列之正则表达式使规则更灵活
    郁闷~win7无法进行局域网访问解决
    不合规范的html段落php处理细则
    备份一个通过拷贝来创建虚拟机镜像的脚本
    [置顶] ffmpg简介以及用它实现音频视频合并(java)
    [Java] HttpClient有个古怪的stalecheck选项
    POJ 1260 Pearls
    “AIR SDK 0.0: AIR SDK location “...devsdksAIRSDKWin” does not exist.”问题解决~
  • 原文地址:https://www.cnblogs.com/yuan-zhou/p/12036072.html
Copyright © 2020-2023  润新知