Home >Web Front-end >Layui Tutorial >Introduction to the properties of layui pop-up layer (open)

Introduction to the properties of layui pop-up layer (open)

尚
forward
2020-01-14 17:41:2512356browse

Introduction to the properties of layui pop-up layer (open)

layui.open properties such as: open a pop-up layer

Core method

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

type - Basic layer class

Type: Number, default: 0

layer provides 5 layer types. The values ​​that can be passed in are: 0 (information box, default) 1 (page layer) 2 (iframe layer) 3 (loading layer) 4 (tips layer). If you use layer.open({type: 1}) to call, type is required (except for information boxes)

title - Title

Type: String/Array/Boolean, Default: 'Information'

title supports three types of values. If you pass in an ordinary string, such as title: 'I am the title', then only the title text will be changed; if you also need Customize the title area style, then you can title: ['text', 'font-size:18px;'], the second item of the array can write any css style; if you do not want to display the title bar, you can title: false

content - Content

Type: String/DOM/Array, default: "

content The values ​​that can be passed in are flexible and changeable, not only ordinary html content can be passed in , you can also specify the DOM, and it can also vary with the type (when defining a form form, pass it in directly through ("#id"), the verification of the dom object form has no effect, if

( "#id").html() takes out the html element in this way.)

skin - style class name

Type: String, default: "

skin allows passing Enter the layer's built-in style class name, and you can also pass in a custom class name. Currently, the built-in skins of layer are: layui-layer-lanlayui-layer-molv. It is recommended to define it yourself

area - width and height

Type: String/Array, default: 'auto'

In the default state, the layer is adaptive in width and height, but when you only want to define the width, you can area: '500px', and the height is still adaptive. When you want to define both width and height, you can area: ['500px', '300px']

offset - coordinates

Type: String/Array, default: vertical and horizontal center

offset is not set by default. But if you don’t want to center it vertically and horizontally, you can query the official website for assignment

maxmin - maximum and minimum.

Type: Boolean, default: false

This parameter value is valid for type:1 and type:2. The minimize button is not displayed by default. You need to display the configuration maxmin: true

For more layui knowledge, please pay attention to the layui usage tutorial column.

The above is the detailed content of Introduction to the properties of layui pop-up layer (open). For more information, please follow other related articles on the PHP Chinese website!

Statement:
This article is reproduced at:cnblogs.com. If there is any infringement, please contact admin@php.cn delete