Maison >interface Web >Tutoriel Layui >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); //最小化
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!