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

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

青灯夜游
青灯夜游original
2020-11-20 10:13:144622parcourir

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: ['确定']
});

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'});

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!

Déclaration:
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