首页 > 其他分享 >简单实用的Pbootcms页码显示样式代码

简单实用的Pbootcms页码显示样式代码

时间:2024-10-04 16:11:06浏览次数:10  
标签:pagination 样式 页码 current color 4fc08d border page 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>
  </div> 
{else}
  <div class="tac text-secondary">本分类下无任何数据!</div>
{/pboot:if}
<style>
.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}
</style>

 

标签:pagination,样式,页码,current,color,4fc08d,border,page,Pbootcms
From: https://www.cnblogs.com/hwrex/p/18446719

相关文章

  • windows系统配置nginx环境运行pbootcms访问首页直接404的问题
    在PbootCMS安装过程中遇到访问首页和其他页面返回404错误的问题,特别是在Windows+Nginx+PHP的环境下,确实需要仔细排查。根据你的描述,填写授权码后问题得到了解决,但仍然需要了解具体原因和解决方案。问题分析伪静态规则未生效:伪静态规则未正确生效可能导致访问首页和其他......
  • PbootCMS实现数字条分页样式效果
    在PbootCMS中实现数字条分页效果非常简单,并且可以通过CSS自定义样式。下面详细介绍如何使用PbootCMS的分页组件,并通过CSS修改数字条的外观。1.添加分页代码在需要分页的模板文件中添加以下代码:<!--分页-->{pboot:if({page:rows}>0)}<divclass="pagebar"><divc......
  • 如何使用PbootCMS内容详情页标签调用相关信息
    以下是PbootCMS内容详情页标签的整理表格:标签描述{content:id}文章编号{content:scode}栏目编码{content:subscode}副栏目编码{content:sortname}栏目名称{content:subsortname}副栏目名称{content:sortlink}栏目链接{content:subsortlink}副......
  • 如何修改PbootCMS默认面包屑导航样式及自定义设置方法
    在PbootCMS中,面包屑导航是一个重要的导航元素,帮助用户快速了解当前页面的位置和路径。为了满足不同的设计需求,可以通过自定义参数和修改样式来调整面包屑导航。下面详细介绍如何进行这些自定义操作。PbootCMS面包屑导航调用方式html {pboot:position}自定义参数常用参......
  • PbootCMS网站后台登录页面样式怎么修改
    在PbootCMS中,如果你需要对后台的样式进行修改,通常需要找到相应的文件并进行编辑。下面是详细的步骤和注意事项:后台样式文件位置后台样式的文件通常位于以下路径:plaintext 根目录/apps/admin/view/default/index.html修改步骤备份文件:在修改任何文件之前,请务必先备......
  • pbootcms文章或者产品设置范围随机增加访客阅读量
    要在PbootCMS中修改文章的默认访问量,使其在添加文章时生成一个随机访问数,可以通过以下步骤实现:步骤1:定位文件首先,找到需要修改的文件:plaintext /apps/admin/controller/content/ContentController.php步骤2:修改代码找到代码:找到以下代码行:php session('ad......
  • pbootcms模板做百度推广竞价后打不开
    当PbootCMS模板在进行百度推广竞价后出现打不开的情况,可能是由于某些特定的URL参数或路径导致的。根据提供的信息,在 apps/home/controller/IndexController.php 文件中大约第218行附近,可能存在一个与首页跳转相关的处理逻辑。如果这个处理逻辑没有正确处理竞价推广带来的特殊请......
  • pbootcms伪静态教程
    在不同的Web服务器环境下(如Apache、IIS、Nginx),实现伪静态通常需要不同的配置文件和规则。对于PbootCMS来说,如果是在Apache或IIS环境下,并且已经默认在根目录放置了 .htaccess 和 web.config 文件,那么通常不需要额外的操作,只要主机支持伪静态即可。而对于Nginx环境,则需要手动配......
  • Bootstarp基本样式
    Bootstarp基本样式1表单form-group->该表单框距离下面表单框多了一些距离form-control->将所在表单框拉长参考链接:全局CSS样式·Bootstrapv3中文文档|Bootstrap中文网(bootcss.com)<form><divclass="form-group"><labelfor="exampleInpu......
  • 如何在PbootCMS中实现无刷新点赞功能?
    为了实现Pbootcms的无刷新点赞功能,可以按照以下步骤操作:引入jQuery库:在页面头部引入jQuery库:html <scriptsrc="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>HTML结构:在页面中添加点赞相关的HTML元素:<buttonclass="support">点赞</bu......