您好!欢迎来到大秦朝旭拼单网官方站

大秦朝旭拼单网官方站

热门搜索: 友价    店铺转让    智企    知识产权    新媒   

PbootCMS制作个性分页条之单页/总页数效果_拼单网

  • 二开教程
  • 来源:转载
  • 编辑:拼单网
  • 时间:2023-11-22 16:52
  • 阅读:479



第一步:PbootCMS 单页/总页数 分页条效果

显示上一页,下一页,首页,尾页,和当前页,以及当前页位于总页数的位置

 

这种分页效果简洁明了,适合博客站和咨询站等网站使用

<!-- 分页 -->
{pboot:if({page:rows}>0)}
  <div class="pagebar">
    <div class="pagination">
      <a class="page-item page-link hidden-sm" href="{page:index}" title="首页">首页</a>
      <a class="page-item page-link" href="{page:pre}" title="上一页">上一页</a>
      <a class="page-item page-num-current" href="javascript:;" title="当前页">{page:current}</a>
      <a class="page-item page-link" href="javascript:;" title="当前页/总页数">{page:current}/{page:count}</a>
      <a class="page-item page-link" href="{page:next}" title="下一页">下一页</a>
      <a class="page-item page-link hidden-sm" href="{page:last}" title="尾页">尾页</a>
    </div&单网官方站gt;
  </div> 
{else}
  <div class="tac text-secondary">本分类下无任何数据!</div>
{/pboot:if}

第二步:CSS样式代码

美化后的分页条效果

/* ----- 通用PB分页条 ----- */
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 6px 8px;
  margin: 0 2px;
  border-radius: 3px;
}
.pagination a:hover {
  color: #4fc08d;
  border: 1px solid #4fc08d;
}
.pagination a.page-num-current {
  color: #fff;
  background: #4fc08d;
  border: 1px solid #4fc08d;
}


全部评论(0)
资讯详情页最新发布上方横幅
推荐阅读
  • VMware虚拟机安装Windows11详细教程【附安装包】
  • VMware虚拟机安装Windows11详细教程【附安装包】
  • VMware虚拟机是一种通过软件模拟物理计算机硬件环境的计算资源,允许在一台物理计算机上同时运行多个操作系统和应用程序。‌每个虚拟机都运行自己的操作系统,并且彼此完全独立,即使它们都在同一台主机上运行。‌一、镜像下载:Windows11x64最新版(包含专业版、家庭版、教育版,安装Windows11的时候可以自行选择系统版本)下载链接:点击下载二、配置虚拟机1.点击创建新的虚拟机2.选择典型,然后点击下一步3.选择稍后安装操作系统4
  • SEO相关
  • 来源:转载
  • 编辑:拼单网
  • 时间:2026-03-01 23:40
  • 阅读:139
  • 友价源码分词搜索技术如何实现
  • 友价源码分词搜索技术如何实现
  • 联系客服安装分词插件后,再申请一个APIKEY(目前该接口是免费的)https://www.showapi.com/apiGateway/view/2691、将客服提供的插件文件,放在你的后台目录下2、进入后台,点击广告互动,有个其他广告点下,找到插件入口,添加3、路径写chajian_fenci.php名称随便写(如分词)4、再点击上面的插件专区,将你的APIKEY填入即可
  • 友价教程
  • 来源:转载
  • 编辑:拼单网
  • 时间:2025-06-30 03:06
  • 阅读:468
  • 友价源码如何集成阿里云OSS功能
  • 友价源码如何集成阿里云OSS功能
  • 前言:阿里云OSS是指把数据存在阿里云上面的一个空间体系,举个例子,开通这个OSS功能后,你可以把商品的一些数据包放在这上面,而不是存在自己的空间或服务器,这样用户在下载时,就不会占用你服务器的带宽。【附:PHP版本必须为5.3或以上,如果你的平台能用阿里通信发短信了,就说明已经是5.3或以上】1、登录阿里云,www.aliyun.com,进入控制台,点击左侧的对象存储OSS,如果没有,请看第二步2、如果能看到第一步红框里的链接,请跳过
  • 友价教程
  • 来源:转载
  • 编辑:拼单网
  • 时间:2025-06-30 02:54
  • 阅读:564
  • 友价源码使用腾讯云OSS时,报错解决方法
  • 友价源码使用腾讯云OSS时,报错解决方法
  • 请先下载腾讯云的PHPSDK包,然后在你的config目录下,新建一个文件夹,名称为tencentoss,再把下载的压缩包解压进去。(联系客服获取腾讯OSS压缩包)报错1:“Fatalerror:Composerdetectedissuesinyourplatform:YourComposerdependenciesrequireaPHPversion">=7.2.5".
  • 环境配置
  • 来源:转载
  • 编辑:拼单网
  • 时间:2025-06-30 02:50
  • 阅读:527
联系我们
Q Q:1005618718
电话:17792038992
邮箱:1005618718@qq.com
时间:09:00 - 19:00
平台客服