tp如何实现分页效果

2025-11-07 0 888

正值新手的我们,在thinkphp的开发中我们遇到分页效果不知道怎么写的,那么现在作者就给大家举个例子

控制器端:

$list = $mod>where($where)>orderRaw(sort asc,id desc)>paginate($pageSize);

视图层:

<div class=pageshow> {$page|raw} </div>

css样式:

/*分页效果*/ .pageshow{padding:20px;backgroundcolor:#fff;text-align:center} .pageshow .pagination{display:inlineblock;*display:inline;*zoom:1;marginleft:0;marginbottom:0} .pageshow .pagination > li{margin: 0 2px; liststyle:none; float:left; webkittransition: all .5s linear .2s; transition: all .2s linear .2s;} .pageshow .pagination > li a{color: #000;display: block; padding: 2px 20px; line-height: 30px; text-align: center; margin: 0 auto;} .pageshow .pagination > li,.pageshow .pagination > span{float:left;lineheight:20px;textdecoration:none;backgroundcolor:#eee;color:#666} .pageshow .pagination > li a:hover,.pageshow .pagination > a:focus{backgroundcolor:#ccc;color:#444} .pageshow .pagination > li.active{backgroundcolor:#FFFFFF;} .pageshow .pagination > li.active > a,.pageshow .pagination > .active > span{color:#000} .pageshow .pagination > li.active > a,.pageshow .pagination > .active > span{cursor:default;fontsize: 14px;} .pageshow .pagination > li span,.pageshow .pagination > .disabled > span,.pageshow .pagination .disabled > a,.pageshow .pagination .disabled > a:hover,.pageshow .pagination .disabled > a:focus{lineheight: 30px; padding: 2px 20px; color:#999999;background-color:transparent;cursor:default}

至此,一个好看的tp分页样式效果就做出来了

tp如何实现分页效果

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

遇见资源网 后端开发 tp如何实现分页效果 https://www.ox520.com/4411.html

常见问题

相关文章

猜你喜欢
发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务