PbootCMS后台分页开启页码选择栏的方法

发布时间:2022-01-12 18:05:44 作者:外编编辑 来源:本站 浏览量(80) 点赞(35)
摘要:有网友来咨询通过采集到网站上的数据很多,导致后台文章管理列表页的分页非常多,中间已经用省略号来显示,当需要专门去某一页的时候就变得操作不方便了。那么有没快速选择页码的方法呢,查看源码发现官方分页条这块功能已经自带了一个页码选择栏,只是被隐藏掉了,那去开启即可。解决方法打开这个文件 /core/view/Paging.p

有网友来咨询通过采集到网站上的数据很多,导致后台文章管理列表页的分页非常多,中间已经用省略号来显示,当需要专门去某一页的时候就变得操作不方便了。

QQ图片20200403231807.png

那么有没快速选择页码的方法呢,查看源码发现官方分页条这块功能已经自带了一个页码选择栏,只是被隐藏掉了,那去开启即可。解决方法打开这个文件 /core/view/Paging.php,找到截图中的位置,264行,去掉双斜杠启用页码选择栏后保存,后台刷新就能看到效果了。

image.png

开启后的效果,是不是哪里不对,没做样式美化。

image.png

样式美化找到这个css文件apps/admin/view/default/css/comm.css,然后找到140行(我的是v2.0.7版本)如图

image.png

在这个位置复制下面代码替换掉截图中的

.page-status,.page-index,.page-pre,.page-num,.page-next,.page-last,
.page-select select {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
padding: 0 15px;
height: 28px;
line-height: 28px;
margin: 0 -1px 5px 0;
background-color: #fff;
color: #333;
font-size: 12px;
border: 1px solid #e2e2e2;
}
.page-select {
display: inline-block;
    height: 30px;
    vertical-align: top;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
}
.page-select select {
border: none;
    margin: 0;
}

回到后台页面强制刷新看下效果,嗯好看了

image.png

二维码

扫一扫,关注我们

声明:本网文章由eBinGou编辑发布,未经许可严禁转载或他用;若有来源标注错误或侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢。如获得相关权属请注明出处http://www.ebingou.com/pboot/3774.html

看这么多不如咨询一下?

联系我们,我们愿意为您提供任何咨询答疑!

多个选择总是好的

搜索千万次不如咨询1次

我们为您提供专业到位的服务,不放弃任何一客户,一次合作终身的朋友

立即咨询 18665690707-微信同号-