Maison > interface Web > Tutoriel Layui > Comment personnaliser la largeur et la hauteur du calque dans layui ?

Comment personnaliser la largeur et la hauteur du calque dans layui ?

青灯夜游
Libérer: 2020-11-20 10:13:14
original
4646 Les gens l'ont consulté

Le module layer dans layui peut utiliser l'attribut Area pour définir la largeur et la hauteur. Par défaut, le calque est adaptatif en largeur et en hauteur, mais lorsque vous devez personnaliser la largeur et la hauteur, vous pouvez utiliser l'instruction "area:['width','height']" pour le définir, par exemple "area: ['500px','300px']".

Comment personnaliser la largeur et la hauteur du calque dans layui ?

Par défaut, le calque est adaptatif à la fois en largeur et en hauteur

Mais parfois, vous devez personnaliser la largeur et la hauteur séparément Le code. est la suivante :

var looptran = layer.msg(loopTranInfo, {
    time: 10000, //10s后自动关闭
    area:['300px', '200px'] ,
     /* area: '400px',*/
    btn: ['确定']
});
Copier après la connexion

Parmi eux area:[‘300px’, ‘200px’] vous pouvez personnaliser la largeur en hauteur

On dit en ligne que vous définissez d'abord layer.msg, puis utilisez layer.style pour limiter la largeur ou la hauteur, ce qui n'est pas valide ! Le code invalide est le suivant :

var looptran = layer.msg(loopTranInfo, {
    time: 10000, //10s后自动关闭
    area:['300px', '200px'] ,
     /* area: '400px',*/
    btn: ['确定']
}); 
layer.style(looptran, {
    width: '400px',
    height:'200px'});
Copier après la connexion

Capture d'écran de la description du site officiel :
Comment personnaliser la largeur et la hauteur du calque dans layui ?

Pour plus de connaissances liées à la programmation, veuillez visiter : Cours de programmation! !

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:php.cn
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