layui框架是一款采用自身模塊規范撰寫的前端UI框架，遵循原生HTML/CSS/JS的書寫與組織形式，門檻極低，拿來即用。本文為大家介紹了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即可
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/200566.html
標籤：其他