jquery实现TP5与bootstrap4的分页样式整合

有时在用ThinkPHP5框架开发项目时会遇到分页，TP5本身就有默认的分页样式，但前端开发我们又用了bootstrap4，所以要用B4分页样式那就必须改TP5默认样式与其一致，所以在这里利用jquery实现动态的改，主要是简单，当然网上也有其它改的方法，但本人比较懒代码又多，不想多看，如网友需要再自己百度搜哈。

首页要放好HTML，如下：

<nav aria-label="Page navigation">
{$page}  <!--page为TP5分页输出-->
</nav>

再就是加上JS代码，如下

$(function(){

pageStyle_tp5_bootstrap4();

});


function pageStyle_tp5_bootstrap4(){

$('ul.pagination li').addClass('page-item');

$('ul.pagination li span').wrap('<a class="page-link" href="#none"></a>');

$('ul.pagination li a').addClass('page-link');

}

OK，一切就是这么简单！