zoukankan      html  css  js  c++  java
  • layer使用方法

    type - 基本层类型

    类型:Number,默认:0

    layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)。 若你采用layer.open({type: 1})方式调用,则type为必填项(信息框除外)

    title - 标题

    类型:String/Array/Boolean,默认:'信息'

    title支持三种类型的值,若你传入的是普通的字符串,如title :'我是标题',那么只会改变标题文本;若你还需要自定义标题区域样式,那么你可以title: ['文本', 'font-size:18px;'],数组第二项可以写任意css样式;如果你不想显示标题栏,你可以title: false

    content - 内容

    类型:String/DOM/Array,默认:''

    content可传入的值是灵活多变的,不仅可以传入普通的html内容,还可以指定DOM,更可以随着type的不同而不同。譬如:

    /!*
     如果是页面层
     */
    layer.open({
      type: 1, 
      content: '传入任意的文本或html' //这里content是一个普通的String
    });
    layer.open({
      type: 1,
      content: $('#id') //这里content是一个DOM
    });
    //Ajax获取
    $.post('url', {}, function(str){
      layer.open({
        type: 1,
        content: str //注意,如果str是object,那么需要字符拼接。
      });
    });
    /!*
     如果是iframe层
     */
    layer.open({
      type: 2, 
      content: 'http://sentsin.com' //这里content是一个URL,如果你不想让iframe出现滚动条,你还可以content: ['http://sentsin.com', 'no']
    }); 
    /!*
     如果是用layer.open执行tips层
     */
    layer.open({
      type: 4,
      content: ['内容', '#id'] //数组第二项即吸附元素选择器或者DOM
    });        
    shade - 遮罩

    类型:String/Array/Boolean,默认:0.3

    即弹层外区域。默认是0.3透明度的黑色背景('#000')。如果你想定义别的颜色,可以shade: [0.8, '#393D49'];如果你不想显示遮罩,可以shade: 0

    shadeClose - 是否点击遮罩关闭

    类型:Boolean,默认:false

    如果你的shade是存在的,那么你可以设定shadeClose来控制点击弹层外区域关闭。

    time - 自动关闭所需毫秒

    类型:Number,默认:0

    默认不会自动关闭。当你想自动关闭时,可以time: 5000,即代表5秒后自动关闭,注意单位是毫秒(1秒=1000毫秒)

    maxmin - 最大最小化。

    类型:Boolean,默认:false

    该参数值对type:1type:2有效。默认不显示最大小化按钮。需要显示配置maxmin: true即可

    maxmin - 最大最小化。

    类型:Boolean,默认:false

    该参数值对type:1type:2有效。默认不显示最大小化按钮。需要显示配置maxmin: true即可

    resize - 是否允许拉伸

    类型:Boolean,默认:true

    默认情况下,你可以在弹层右下角拖动来拉伸尺寸。如果对指定的弹层屏蔽该功能,设置 false即可。该参数对loading、tips层无效

    move - 触发拖动的元素

    类型:String/DOM/Boolean,默认:'.layui-layer-title'

    默认是触发标题区域拖拽。如果你想单独定义,指向元素的选择器或者DOM即可。如move: '.mine-move'。你还配置设定move: false来禁止拖拽

    moveOut - 是否允许拖拽到窗口外

    类型:Boolean,默认:false

    默认只能在窗口内拖拽,如果你想让拖到窗外,那么设定moveOut: true即可

    layer.style(index, cssStyle) - 重新定义层的样式

    该方法对loading层和tips层无效。参数index为层的索引,cssStyle允许你传入任意的css属性

    layer.style(layer.index, { // layer.index当前弹出的层
       '1000px',
      top: '10px'
    });  
  • 相关阅读:
    复变函数
    abc136
    点集
    一些数学题
    牛客多校第六场
    牛客多校第五场G
    复数
    generator 1
    digits 2
    Winner
  • 原文地址:https://www.cnblogs.com/chrdai/p/6102647.html
Copyright © 2011-2022 走看看