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><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">layer.open({
type: 2,
content: "test.html"
})</pre><div class="contentsignin">Copier après la connexion</div></div><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><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">layer.open({
type: 2,
area:["500px","400px"],
content: "test.html"
})</pre><div class="contentsignin">Copier après la connexion</div></div><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!
centos7 fermer le pare-feu
Comment supprimer hao.360
Comment définir l'en-tête et le pied de page dans Word
Linux afficher les informations du système
Comment utiliser la fonction axe dans Matlab
Comment configurer au mieux la mémoire virtuelle
Paiement sans mot de passe Taobao
Quels types d'architecture système existe-t-il ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
