不言不语

您现在的位置是: 首页 >  PHP  >  ThinkPHP

ThinkPHP

【thinkphp】自定义分页样式

2020-05-30ThinkPHP
thinkphp框架,自定义分页样式-layui



thinkphp框架默认的分页是Bootstrap样式


0d88354560d02615f7180c7bf3eaa54.png


找到这个地址复制一份Bootstrap,改名Layui.php,然后打开Layui,修改类的名称(下图)


d852125a92b28492de94876e7d403f6.png


找到以下渲染分页


b0ce49692fdddeb4c16e196952204b1.png


然后打开layui


传送门https://www.layui.com/demo/laypage.html


下面代码默认的是这个样式(下图


image.png



<div class="layui-box layui-laypage layui-laypage-molv" id="layui-laypage-4">


把这个代码替换,图片上我已经替换好了(下图)


按钮


9215447a279ba857811217ec8efe2d3.png


把这个代码替换,图片上我已经替换好了


<a href="javascript:;" data-page="2">2</a>


禁用按钮


<a href="javascript:;" class="layui-laypage-prev layui-disabled" data-page="0">上一页</a>

fd093adafbdf8236919cf5d76d3ba38.png


激活按钮


<span class="layui-laypage-curr"><em class="layui-laypage-em" style="background-color:#FF5722;"></em><em>1</em></span>


a5ee3744b77538ee2c87bcdd03453ea.png


最后应用配置cuconfig下,最下面,分页改成Layui


image.png


效果


0c78beabf80ed1d2f1dfb77065dfa81.png


【注意】只是选择layui其中的一个样式,需要什么自己改即可

文章评论