Comment ajuster la taille de la boîte contextuelle dans layui : créez d'abord une nouvelle page de code HTML ; puis utilisez le lien pour lier un fichier layer.css de style externe, puis créez une boîte contextuelle ; enfin, utilisez-le dans la méthode "layer.opren()" "area:[]" pour définir la taille de la boîte contextuelle.
Recommandé : "tutoriel layUI"
Ouvrez l'outil de développement front-end et créez une nouvelle page de codes HTML
Recherchez la balise
sur la page et utilisez le lien derrière cette balise pour lier un fichier layer.css de style externe <p><img src="https://img.php.cn/upload/image/164/916/295/1605666728677014.png" title="1605666728677014.png" alt="Comment ajuster la taille de la boîte pop-up dans layui"></p>
<p>Insérez les deux fichiers externes jquery.js et layer.js après le fichier layer.css lié </p>
<p><img src="https://img.php.cn/upload/image/472/282/979/1605666732908481.png" title="1605666732908481.png" alt="Comment ajuster la taille de la boîte pop-up dans layui"></p>
<p> pour créer une boîte contextuelle. Créez une nouvelle balise <script>, puis utilisez layer.open() dans cette balise pour créer une fonction de boîte contextuelle. </script></p>
<p>Créer le code de la boîte pop-up : </p><pre class="brush:php;toolbar:false">layer.open({
type: 2,
content: "test.html"
})</pre><p><img src="https://img.php.cn/upload/image/796/844/341/1605666742814047.png" title="1605666742814047.png" alt="Comment ajuster la taille de la boîte pop-up dans layui"></p>
<p>Afficher l'effet de la boîte pop-up. Après avoir enregistré le fichier de code html, ouvrez-le avec un navigateur. À ce moment, vous pouvez voir que la fonction de boîte contextuelle a été implémentée </p>
<p><img src="https://img.php.cn/upload/image/939/620/517/1605666746963699.png" title="1605666746963699.png" alt="Comment ajuster la taille de la boîte pop-up dans layui"></p>
<p>Modifier la taille du fichier. boîte contextuelle. Utilisez Area:[] dans la méthode layer.opren() pour définir la largeur/hauteur de la boîte contextuelle. </p>
<p>Code : </p><pre class="brush:php;toolbar:false">layer.open({
type: 2,
area:["500px","400px"],
content: "test.html"
})</pre><p><img src="https://img.php.cn/upload/image/690/136/401/1605666754469863.png" title="1605666754469863.png" alt="Comment ajuster la taille de la boîte pop-up dans layui"></p>
<p>Après avoir enregistré le code html et actualisé la page du navigateur, vous pouvez voir que la taille de la boîte pop-up a été modifiée </p>
<p><img src="https://img.php.cn/upload/image/130/946/236/1605666758532235.png" title="1605666758532235.png" alt="Comment ajuster la taille de la boîte pop-up dans layui"></p>
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
