Lauiui ポップアップ レイヤーのプロパティの紹介 (開く)

#layui.open プロパティの例: ポップアップ レイヤーを開く

コア メソッド

var index = layer.open({
        type : 2,
        title : title,
        maxmin : true,
        offset: '100px',
        area : [ '600px', '500px' ],
        content : prefix + url// iframe的url
    });
    layer.full(index);    //最小化

type - 基本レイヤー クラス

Type: Number、default: 0

layer は 5 つのレイヤー タイプを提供します。渡すことができる値は次のとおりです: 0 (情報ボックス、デフォルト) 1 (ページ レイヤー) 2 (iframe レイヤー) 3 (読み込みレイヤー) 4 (ヒント レイヤー)。 layer.open({type: 1}) を使用して呼び出す場合、type は必須です (情報ボックスを除く)

title - タイトル

タイプ: String/Array/Boolean、デフォルト: 'Information'

title は 3 種類の値をサポートしています。title などの通常の文字列を渡す場合: 'I am the title' では、タイトル テキストのみが変更されます。また、カスタマイズが必要な場合は、タイトル テキストのみが変更されます。タイトル領域スタイルの場合、次のようにタイトルを付けることができます: ['text', 'font-size:18px;']、配列の 2 番目の項目には任意の CSS スタイルを書き込むことができます。タイトル バーを表示したくない場合は、タイトルを付けることができます: false

content - Content

タイプ: String/DOM/Array、デフォルト: "

content 渡すことができる値は柔軟で変更可能ですが、通常の HTML コンテンツのみを渡すことができ、DOM を指定することもでき、タイプによっても異なります (フォームフォームを定義する場合は、("#id") を介して直接渡します。DOM オブジェクト フォームの検証)

( "#id").html() がこの方法で HTML 要素を取り出す場合、これは効果がありません。)

skin - スタイル クラス名

タイプ:文字列、デフォルト: "

skin では、レイヤーの組み込みスタイル クラス名を入力できます。また、カスタム クラス名を渡すこともできます。現在、レイヤーの組み込みスキンは、layui-layer-lanlayui-layer-molv です。自分で定義することをお勧めします

エリア - 幅と高さ

タイプ: 文字列/配列、デフォルト: 'auto'

デフォルトの状態では、レイヤーは幅と高さが適応的ですが、幅のみを定義したい場合は、エリア: '500px' にすることができ、高さは依然として適応的です。幅と高さの両方を定義したい場合は、次のように指定できます: ['500px', '300px']

オフセット - 座標

タイプ: 文字列/配列、デフォルト: 垂直方向と水平方向の中心

オフセットはデフォルトでは設定されていません。ただし、垂直方向と水平方向の中央に配置したくない場合は、公式 Web サイトで割り当て

maxmin (最大値と最小値) をクエリできます。

タイプ: ブール値、デフォルト: false

このパラメータ値は、type:1 および type:2 に対して有効です。最小化ボタンはデフォルトでは表示されません。構成 maxmin: true

を表示する必要があります。layui の詳細については、

layui 使用法チュートリアル 列に注目してください。

以上がLauiui ポップアップ レイヤーのプロパティの紹介 (開く)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。