Lauiui ポップアップレイヤーのプロパティの紹介 (開く)-ライユイのチュートリアル-php.cn

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

尚

リリース： 2020-01-14 17:41:25

転載

12267 人が閲覧しました

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

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

コアメソッド

var index = layer.open({
        type : 2,
        title : title,
        maxmin : true,
        offset: &#39;100px&#39;,
        area : [ &#39;600px&#39;, &#39;500px&#39; ],
        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']

オフセット - 座標

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