首頁 >web前端 >Layui教程 >layui彈出層(open)的屬性介紹

layui彈出層(open)的屬性介紹

尚
轉載
2020-01-14 17:41:2512345瀏覽

layui彈出層(open)的屬性介紹

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 - 基本層類別

類型: Number,預設:0

layer提供了5種層類型。可傳入的值有:0(訊息框,預設)1(頁面層)2(iframe層)3(載入層)4(tips層)。若你採用layer.open({type: 1})方式調用,則type為必填項(資訊框除外)

title - 標題

##類型:String/Array/Boolean,預設:'訊息'

title支援三種類型的值,若你傳入的是普通的字串,如title :'我是標題',那麼只會改變標題文字;若你還需要自訂標題區域樣式,那麼你可以title: ['文本', 'font-size:18px;'],數組第二項可以寫任意css樣式;如果你不想顯示標題欄,你可以title: false

content - 內容

類型:String/DOM/Array,預設:」

content可傳入的值是靈活多變的,不僅可以傳入普通的html內容,也可以指定DOM,更可以隨著type的不同而不同(定義一個form表單傳入時直接透過("#id")傳入,dom物件form的驗證沒影響,如果

( “#id”).html()這樣取出的是html元素。)

skin - 樣式類別名稱

類型:String,預設:”

skin允許傳入layer內建的樣式class名,也可以傳入自訂的class名。目前layer內建的skin有:layui-layer-lanlayui-layer-molv推薦使用自己來定義

area - 寬高

類型:String/Array,預設:'auto'

在預設狀態下,layer是寬高都自適應的,但當你只想定義寬度時,你可以area: '500px',高度仍然是自適應的。當你寬高都要定義時,你可以area: ['500px', '300px']

offset - 座標

類型:String/Array,預設:垂直水平居中

offset預設情況下不用設定。但如果你不想垂直水平居中,可以進行查詢官網賦值

maxmin - 最大最小化。

類型:Boolean,預設:false

此參數值對type:1和type:2有效。預設不顯示最大小化按鈕。需要顯示配置maxmin: true即可

更多layui知識請關注

layui使用教程欄位。

以上是layui彈出層(open)的屬性介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:cnblogs.com。如有侵權,請聯絡admin@php.cn刪除