Maison > interface Web > Tutoriel Layui > Introduction aux propriétés du calque pop-up layui (ouvert)

Introduction aux propriétés du calque pop-up layui (ouvert)

Libérer: 2020-01-14 17:41:25
avant
12360 Les gens l'ont consulté

Introduction aux propriétés du calque pop-up layui (ouvert)

attributs layui.open tels que : Ouvrir une couche contextuelle

Méthode principale

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

type - Classe de couche de base

type : Nombre, par défaut : 0

le calque fournit 5 types de calques. Les valeurs qui peuvent être transmises sont : 0 (zone d'information, par défaut) 1 (couche de page) 2 (couche iframe) 3 (couche de chargement) 4 (couche de conseils). Si vous appelez en utilisant layer.open({type: 1}), le type est requis (sauf la zone d'information)

title - title

Type : String/Array/Boolean, Par défaut : 'Information '

title prend en charge trois types de valeurs. Si vous transmettez une chaîne ordinaire, telle que title : 'Je suis le titre', alors seul le texte du titre sera modifié si vous avez également besoin de personnaliser la zone de titre ; style, alors vous pouvez titrer : ['text', 'font-size:18px;'], le deuxième élément du tableau peut écrire n'importe quel style CSS si vous ne souhaitez pas afficher la barre de titre, vous pouvez titre : false ;

content - Content

Type : String/DOM/Array, par défaut : "

content Les valeurs qui peuvent être transmises sont flexibles et modifiables, pas seulement ordinaires le contenu html peut être transmis, vous pouvez également spécifier le DOM, qui peut également varier selon les différents types (lors de la définition d'un formulaire, transmettez-le directement via ("#id"), la vérification du formulaire de l'objet dom n'a aucun effet, if

( "#id").html() supprime l'élément html )

skin - nom de classe de style

type : String, par défaut : "

le skin peut être transmis. Entrez le nom de classe de style intégré du calque, et vous pouvez également transmettre un nom de classe personnalisé. Actuellement, les skins intégrés de layer sont : layui-layer-lanlayui-layer-molv Il est recommandé de définir vous-même la

zone - largeur et hauteur

type : String/Array, par défaut : 'auto'

Dans l'état par défaut, le calque est adaptatif en largeur et en hauteur, mais lorsque vous souhaitez uniquement définir la largeur, vous pouvez zoner : '500px', et la hauteur est toujours adaptative. Lorsque vous souhaitez définir à la fois la largeur et la hauteur, vous pouvez zone : ['500px', '300px']

offset - coordonnées

type : String/Array, par défaut : centrage vertical et horizontal

Le décalage n'est pas défini par défaut. Mais si vous ne souhaitez pas le centrer verticalement et horizontalement, vous pouvez interroger le site officiel pour lui attribuer

maxmin - maximum et minimum.

Type : Booléen, par défaut : false

Cette valeur de paramètre est valide pour le type : 1 et le type : 2. Le bouton Réduire n'est pas affiché par défaut. Vous devez afficher la configuration maxmin: true

Pour plus de connaissances sur Layui, veuillez faire attention à la colonne Tutoriel d'utilisation de Layui.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:cnblogs.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal