• layer 弹窗经常使用的属性


     layer.open({
                        type: 2, //1(页面层)2(iframe层)3(加载层)4(tips层)
                        title: '测试标题', //不显示标题栏 title:fasle;title: ['文本', 'font-size:18px;']
                        closeBtn: 1, //不显示关闭按钮
                        shade: [0.8, '#393D49'], //0.1透明度的白色背景
                        area: ['800px', '500px'], //可以设置宽高,可以使用px或者百分比% 默认对其方式是水平垂直居中。
                        time: 2000, //2秒后自动关闭
                        anim: 1, //目前anim可支持的动画类型有0-6 如果不想显示动画,设置 anim: -1 即可 默认为0
                        maxmin: true, //该参数值对type:1和type:2有效,默认不显示
                        skin: 'layui-layer-lan', //layui-layer-lan   layui-layer-molv
                        content: ['http://www.baidu.com', 'no'], //iframe的url,no代表iframe页面不显示滚动条
                        cancel: function(index, layero) { //右上角关闭按钮触发的回调   当前层索引参数(index)、当前层的DOM对象(layero)
                            if (confirm('确定要关闭么')) { //只有当点击confirm框的确定时,该层才会关闭
                                layer.close(index)
                            }
                            return false;
                        },
                        end: function() { //层销毁后触发的回调
                            layer.open({
                                type: 2,
                                skin: 'layui-layer-lan', //layui-layer-lan   layui-layer-molv
                                title: '很多时候,我们想最大化看,比如像这个页面。',
                                maxmin: true, //开启最大化最小化按钮
                                area: ['97%', '600px'],
                                content: ['http://www.baidu.com', 'no'], //弹出页面禁止滚动条
                                scrollbar: false // 父页面 滚动条 禁止
                            });
                        }
                    });
  • 相关阅读:
    nacos配置文件优先级
    springboot配置文件优先级(由高到低)
    设计模式七大设计原则
    docker安装mycat并实现mysql读写分离和分库分表
    docker部署mysql主从复制
    ideaui中java抬头
    数据定时备份
    docker容器安装vim
    JMeter的安装
    VUE项目中同时使用API代理与MockJs
  • 原文地址:https://www.cnblogs.com/ximenchuifa/p/14173174.html
Copyright © 2020-2023  润新知