如題
ajax請求到後台資料後,使用laypage,sumnum就是從後台拿到的總數
//使用layui
layui.
use(
'laypage'
,function()
]`).addclass
('active').
siblings
('.par-li').
removeclass
('active');
document.
queryselector
('#questions-ul').
scrollto(0
,0);
window.
scrollto(0
,0)}
});}
);
具體分頁邏輯:
var $ul =$(
'');//拿到放資料的容器
// 分頁
if(i %
10===0)
">`);
}else
">`);
} $parli.
($ul)
;//資料放到容器內
}
css部分
/*分頁*/
.par-li
.par-li.active
LayUi前端框架
首先宣告一下這是我第一次使用前端框架完成後台的配合工作,這在我工作中也是第一次遇見,因為公司有自己的前端開發工程師,不必要我們自己去實現前端的效果,雖然前端的東西並不是很難,但是重點就是繁瑣,小零碎太多,不想後台一樣,側重於邏輯,但是學習起來還是很方便的,就是中間踩到了不少的坑。題外話 只要努力,你...
Layui 前端框架(1)
首先什麼是js物件導向開發?首先說一下什麼是layui,layui他是乙個非常靈活的前端框架,使用得當的話可以幫助我們後端人員解決不少麻煩,為什麼說他靈活,因為他可以幫助我們在前端實現分頁,日期格式化,動態 的搭建,這是我在實際開發中所遇到的。layui是通過js實現的一系列功能,但是並不完全是js...
LayUI 前端框架基礎知識
layui.js 布局 layui col md offset 定義列偏移,只會在桌面螢幕下有效,當低於桌面螢幕的臨界值時,就會堆疊 layui col space 定義列間距 柵格巢狀 後台布局 基本元件 尺寸 類可以一起用 自適應 圓角 大型百搭圓角按鈕 class layui btn layu...