layui前台框架的基本彈出層的使用

2021-07-28 03:26:26 字數 577 閱讀 5413

首先明確的是在content裡面可以新增可以傳入普通的html內容,也可以新增dom元素。當你在往content裡面新增乙個dom元素的時候,有可能碰到彈出框的按鈕關閉不了,這時候你金額已根據btn陣列的長度,第乙個預設是yes函式,第二個預設是cancel函式,如果你寫的是btn:["a","b","c"],你要給c按鈕新增函式就寫btn3:function(){}即可。

layui.use('layer', function()

,cancel:function()

,offset: ['140px', '330px']

,shade: 0 

,yes: function()

});});其中裡面關於彈出框的寬高area裡面的值是可以用傳參的方式賦值,而距離上左(top,left)的距離,可以 通過offset來設定的。還有值得注意的是裡面的type的值不一樣,彈出的形式就不一樣,其屬性值有:0

(資訊框,預設)

1(頁面層)

2(iframe層)

3(載入層)

4(tips層)。

layer.open()

方式呼叫,其中type為必填值。

layui框架(彈出層和輪播)

一 彈出層 src layer.js script layer.msg hello script 2 在 layui 中使用 layer layui.use layer function script 3 彈出層屬性的使用方法type 基本層型別 layer提供了5種層型別 可傳入的值有 0 資訊框...

layui框架(彈出層和div輪播)

一 彈出層 src layer.js script layer.msg hello script 2 在 layui 中使用 layer layui.use layer function script 3 彈出層屬性的使用方法type 基本層型別 layer提供了5種層型別 可傳入的值有 0 資訊框...

模擬layui彈出層

以前覺得自己手寫乙個類似layui的彈出層是挺遙遠的事,因為完全沒有頭緒,即便在layui官網知道layui使用的都是c3動畫 之前試過控制width 0 height 0來做動畫,結果慘不忍睹,直到幾天前靈機一動聯想到了transform的scale屬性,才稍微觸及到了皮毛 為了不新增格外的htm...