• layer的日常使用参数


    <script type="text/javascript">
        let layer = layui.layer;
        layer.open({
            id:'dds', //一般用于页面层和iframe层模式
            title: '很多时候,我们想最大化看,比如像这个页面。',
            type: 1,
            content: $('#table'),//content: '传入任意的文本或html' | content: $('#id')| type:2 content: 'http://sentsin.com' |
            area: ['893px', '600px'],
            shadeClose: true,
            shade: false,
            time: 5000, //即代表5秒后自动关闭,注意单位是毫秒(1秒=1000毫秒)
            maxmin: true, //开启最大化最小化按钮
            btn: ['按钮一', '按钮二'],
            min: function(layero, index) { //点击最小化后的回调函数
                alert('点击最小化时触发回调函数');
            }
            , full: function(layero, index) { //点击最大化后的回调函数
                let iframeWin = window[layero.find('iframe')[0]['name']];//得到iframe页的窗口对象,执行iframe页的方法:
                let companyId = iframeWin.document.getElementById("layerBody");
                $(companyId).css('height','auto').css('max-height', '');
            }
            ,restore: function(layero, index) { //点击还原后的回调函数
                let iframeWin = window[layero.find('iframe')[0]['name']];//得到iframe页的窗口对象,执行iframe页的方法:
                let companyId = iframeWin.document.getElementById("layerBody");
                $(companyId).css('height','').css('max-height', '600px');
            }
            ,yes: function(index, layero){
                //按钮【按钮一】的回调
            }
            ,btn2: function(index, layero){
                //按钮【按钮二】的回调
                //return false 开启该代码可禁止点击该按钮关闭
            }
            ,cancel: function(index, layero){//当前层索引参数(index)、当前层的DOM对象(layero)
                //右上角关闭回调
                //return false 开启该代码可禁止点击该按钮关闭
            }
        })
        // layer.open({
        //     type: 4,
        //     content: ['内000000000000000000000000容', '.layui-tab'] //数组第二项即吸附元素选择器或者DOM
        // })
    
    </script>

    汇总一下;方便自己一会使用

  • 相关阅读:
    在线文件转换工具
    中鸣机器人官网
    下载tortoisegit
    知晓云,不用申请服务器即可完成小程序后台开发和部署
    全网音乐免费下载工具
    MySQL5.7 主从复制配置
    Nginx-------Nginx的安装和多域名配置
    如何获取域名(网址)对应的IP地址
    LOGO免费在线设计
    Jmeter-----保存到响应文件
  • 原文地址:https://www.cnblogs.com/moppet/p/14420700.html
Copyright © 2020-2023  润新知