ホームページ > ウェブフロントエンド > ライユイのチュートリアル > Lauiuiでレイヤーの幅と高さをカスタマイズするにはどうすればよいですか?

Lauiuiでレイヤーの幅と高さをカスタマイズするにはどうすればよいですか?

青灯夜游
リリース: 2020-11-20 10:13:14
オリジナル
4651 人が閲覧しました

layui のレイヤー モジュールは、 area 属性を使用して幅と高さを設定できます。デフォルトでは、レイヤーは幅と高さの両方に適応しますが、幅と高さをカスタマイズする必要がある場合は、「area:['width','height']」ステートメントを使用して設定できます。たとえば、「area」 :['500px' ,'300px']"。

Lauiuiでレイヤーの幅と高さをカスタマイズするにはどうすればよいですか?

デフォルトでは、レイヤーは幅と高さの両方に適応します

ただし、幅と高さを個別にカスタマイズする必要がある場合があります。

var looptran = layer.msg(loopTranInfo, {
    time: 10000, //10s后自动关闭
    area:['300px', '200px'] ,
     /* area: '400px',*/
    btn: ['确定']
});
ログイン後にコピー

area:['300px', '200px'] 高さと幅をカスタマイズできます

インターネットで説明されているように、レイヤーを定義します。最初に msg を指定してから、layer.style を使用してください。 幅または高さの制限は無効です。無効なコードは次のとおりです:

var looptran = layer.msg(loopTranInfo, {
    time: 10000, //10s后自动关闭
    area:['300px', '200px'] ,
     /* area: '400px',*/
    btn: ['确定']
}); 
layer.style(looptran, {
    width: '400px',
    height:'200px'});
ログイン後にコピー

公式 Web サイトの説明のスクリーンショット:
Lauiuiでレイヤーの幅と高さをカスタマイズするにはどうすればよいですか?

プログラミング関連の知識について詳しくは、プログラミング コース をご覧ください。 !

以上がLauiuiでレイヤーの幅と高さをカスタマイズするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート