• 技术文章 >web前端 >Layui教程

    layui弹出层(open)的属性介绍

    尚2020-01-14 17:41:25转载2926

    layui.open属性如:打开一个弹出层

    核心方法

    var index = layer.open({
            type : 2,
            title : title,
            maxmin : true,
            offset: '100px',
            area : [ '600px', '500px' ],
            content : prefix + url// iframe的url
        });
        layer.full(index);    //最小化

    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的不同而不同(定义一个form表单传入时直接通过("#id")传入,dom对象form的验证没影响,如果

    (“#id”).html()这样取出的是html元素。)

    skin - 样式类名

    类型:String,默认:”

    skin允许传入layer内置的样式class名,还可以传入自定义的class名。目前layer内置的skin有:layui-layer-lanlayui-layer-molv推荐使用自己来定义

    area - 宽高

    类型:String/Array,默认:’auto’

    在默认状态下,layer是宽高都自适应的,但当你只想定义宽度时,你可以area: ‘500px’,高度仍然是自适应的。当你宽高都要定义时,你可以area: [‘500px’, ‘300px’]

    offset - 坐标

    类型:String/Array,默认:垂直水平居中

    offset默认情况下不用设置。但如果你不想垂直水平居中,可以进行查询官网赋值

    maxmin - 最大最小化。

    类型:Boolean,默认:false

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

    更多layui知识请关注layui使用教程栏目。

    以上就是layui弹出层(open)的属性介绍的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:博客园,如有侵犯,请联系admin@php.cn删除
    专题推荐:layui
    上一篇:基于layui+cropper.js实现上传图片的裁剪功能的方法 下一篇:使用Layui表格实现后台分页的方法
    大前端线上培训班

    相关文章推荐

    • layui中table数据表格隐藏列的方法介绍• layui表格动态显示变换• layui框架的flow组件常见用法总结• 使用layer弹窗和layui表单做新增功能的方法

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网