bootstrap
公用静态文件建议可以下载到自己的框架中,以免后期人家服务器停止服务
<link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
$this->pageSize = 2;
$list = ExcelProcess::getProcessList($this->pageSize);
$view = [
'pageSize' => page_size($this->pageSize, $list->total()),
'page' => $list->render(),
'list' => $list,
'empty' => empty_list(18),
];
return view('import', $view);
div-pagination-mz
是为了后期样式优化而定义的一个类名
<div class="div-pagination-mz">
{$pageSize|raw}
{$page|raw}
</div>
此处,是为了后期的样式优化,可自行补充
.div-pagination-mz{
margin-top: 5px;
margin-left: 10px;
}
.div-pagination-mz .page_total {
float: left;
width: auto;
margin-top: 20px;
margin-right: 3px;
}
.div-pagination-mz .pagination span{
font-weight: bold;
}
.div-pagination-mz .pagination .active span{
background-color: #1b7e5a;
border-color:#1b7e5a;
}
layui
效果很不错的!
【ThinkPHP6.0完全开发手册-分页】
【ThinkPHP6+Layui自定义分页样式】