layui でポップアップ ボックスのサイズを調整する方法: まず新しい HTML コード ページを作成し、次にリンクを使用して外部スタイルの Layer.css ファイルをリンクし、次にポップアップ ボックスを作成します。最後に「layer.opren()」メソッドで使用します。「area:[]」でポップアップボックスのサイズを設定できます。
推奨: 「layUI チュートリアル 」
フロントエンド開発ツールを開き、新しい HTML コード ページを作成します。
#ページで
タグを探し、このタグの後ろにあるリンクを使用して外部スタイルの Layer.css ファイルをリンクします<p></p> <p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/image/164/916/295/1605666728677014.png?x-oss-process=image/resize,p_40" class="lazy" title="1605666728677014.png" alt="Lauiuiでポップアップボックスのサイズを調整する方法"> #リンクされたlayer.cssファイルの後に2つの外部ファイルjquery.jsとlayer.jsを挿入します </p>
<p></p>
<p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/image/472/282/979/1605666732908481.png?x-oss-process=image/resize,p_40" class="lazy" title="1605666732908481.png" alt="Lauiuiでポップアップボックスのサイズを調整する方法"> ポップアップ ボックスを作成します。新しい <script> タグを作成し、このタグ内で Layer.open() を使用してポップアップ ボックス関数を作成します。 </script></p>
<p>ポップアップ ボックス コードの作成: </p><pre class='brush:php;toolbar:false;'>layer.open({
type: 2,
content: "test.html"
})</pre><p></p>
<p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/image/796/844/341/1605666742814047.png?x-oss-process=image/resize,p_40" class="lazy" title="1605666742814047.png" alt="Lauiuiでポップアップボックスのサイズを調整する方法">ポップアップ ボックスの効果を表示します。 HTMLコードファイルを保存した後、ブラウザで開くと、ポップアップボックスが機能的に実装されていることがわかります。ポップアップボックス。ポップアップ ボックスの幅/高さを設定するには、layer.opren() メソッドで area:[] を使用します。 </p>
<p>コード: </p><pre class='brush:php;toolbar:false;'>layer.open({
type: 2,
area:["500px","400px"],
content: "test.html"
})</pre><p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/image/939/620/517/1605666746963699.png?x-oss-process=image/resize,p_40" class="lazy" title="1605666746963699.png" alt="Lauiuiでポップアップボックスのサイズを調整する方法"></p>
<p>HTML コードを保存し、ブラウザ ページを更新すると、ポップアップ ボックスのサイズが変更されたことがわかります</p>
<p></p>
<p></p>
以上がLauiuiでポップアップボックスのサイズを調整する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
