layui使用小記

2021-09-03 08:54:49 字數 904 閱讀 5640

官網:

1.使用起來挺方便,做一下簡單配置即可使用,和bootstrap類似,使用比較方便,例如做一些公司使用的後台很方便,即使沒有有前端,後台開發也能快速上手搭建;

2.使用時可以稍微細看一下文件,使用起來還是很方便的,例如彈窗分了好多種,其實就是一種,使用自定義的,做一下引數配置即可(標題,型別,蒙層,按鈕,文字content即可);

3.在使用時,可能會有一些小問題,如果自己寫的都沒錯,就得考慮一下是不是版本問題

(1)例如字型圖示(從 layui 2.3.0 開始,支援 font-class 的形式定義圖示:;注意:在 layui 2.3.0 之前的版本,只能設定 unicode 來定義圖示,,其中的  即是圖示對應的 unicode 字元);

(2)在列表插入時,方法問題,我見過三種

第一種:

第二種:

第三種

4.在需要使用到checkbox(列表前有選擇框的那種),必須在容器上新增lay-filter="mylayfilter",lay-filter這後邊的名字就是checkbox後邊跟的名字

5.這裡可以拿到一些例項

layui使用總結

一,table 資料,樣式設定 1,方法一,直接在對應列上設定好style 如下給列 型別 新增了字型顏色 f67d06 可以在script標籤裡寫html 什麼a標籤,span標籤,class和style都可以寫。直接在對應的模板上設定各種結構和樣式,較上面一種更加的靈活,不但可以設定樣式,還可以...

layui 日期重置 layui怎麼使用日期控制項

目前layui中的日期元件還是laydate 1.1的改良版,它後續將會進行一次重寫。順便列舉幾個常用例子 範圍選擇 layui.use laydate function var laydate layui.laydate var start min laydate.now max 2099 06 ...

layui彈層使用

layer.confirm 是否要刪除資訊 function index,layero layer.closeall 瘋狂模式,關閉所有層 layer.closeall dialog 關閉資訊框 layer.closeall page 關閉所有頁面層 layer.closeall iframe 關閉...