這篇文章主要為大家展示了“l(fā)ayui中彈出層open屬性怎么用”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“l(fā)ayui中彈出層open屬性怎么用”這篇文章吧。
創(chuàng)新互聯(lián)專業(yè)IDC數(shù)據(jù)服務(wù)器托管提供商,專業(yè)提供成都服務(wù)器托管,服務(wù)器租用,中國電信云錦天府,中國電信云錦天府,成都多線服務(wù)器托管等服務(wù)器托管服務(wù)。layui.open屬性如:打開一個(gè)彈出層
核心方法
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,默認(rèn):0
layer提供了5種層類型??蓚魅氲闹涤校?(信息框,默認(rèn))1(頁面層)2(iframe層)3(加載層)4(tips層)。 若你采用layer.open({type: 1})方式調(diào)用,則type為必填項(xiàng)(信息框除外)
title - 標(biāo)題
類型:String/Array/Boolean,默認(rèn):’信息’
title支持三種類型的值,若你傳入的是普通的字符串,如title :’我是標(biāo)題’,那么只會改變標(biāo)題文本;若你還需要自定義標(biāo)題區(qū)域樣式,那么你可以title: [‘文本’, ‘font-size:18px;’],數(shù)組第二項(xiàng)可以寫任意css樣式;如果你不想顯示標(biāo)題欄,你可以title: false
content - 內(nèi)容
類型:String/DOM/Array,默認(rèn):”
content可傳入的值是靈活多變的,不僅可以傳入普通的html內(nèi)容,還可以指定DOM,更可以隨著type的不同而不同(定義一個(gè)form表單傳入時(shí)直接通過("#id")傳入,dom對象form的驗(yàn)證沒影響,如果
(“#id”).html()這樣取出的是html元素。)
skin - 樣式類名
類型:String,默認(rèn):”
skin允許傳入layer內(nèi)置的樣式class名,還可以傳入自定義的class名。目前l(fā)ayer內(nèi)置的skin有:layui-layer-lanlayui-layer-molv推薦使用自己來定義
area - 寬高
類型:String/Array,默認(rèn):’auto’
在默認(rèn)狀態(tài)下,layer是寬高都自適應(yīng)的,但當(dāng)你只想定義寬度時(shí),你可以area: ‘500px’,高度仍然是自適應(yīng)的。當(dāng)你寬高都要定義時(shí),你可以area: [‘500px’, ‘300px’]
offset - 坐標(biāo)
類型:String/Array,默認(rèn):垂直水平居中
offset默認(rèn)情況下不用設(shè)置。但如果你不想垂直水平居中,可以進(jìn)行查詢官網(wǎng)賦值
maxmin - 較大最小化。
類型:Boolean,默認(rèn):false
該參數(shù)值對type:1和type:2有效。默認(rèn)不顯示較大小化按鈕。需要顯示配置maxmin: true即可
以上是“l(fā)ayui中彈出層open屬性怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!