首页 > 其他分享 >PbootCMS实现数字条分页样式效果

PbootCMS实现数字条分页样式效果

时间:2024-09-06 16:29:30浏览次数:12  
标签:分页 样式 page 一页 pboot 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>
      {page:numbar}
      <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}

 

标签:分页,样式,page,一页,pboot,PbootCMS
From: https://www.cnblogs.com/hwrex/p/18400476

相关文章

  • pbootcms站点信息调用
    {pboot:siteindex}站点入口地址,一般用于站内链接跳转设置地址前置,实现自适应URL模式{pboot:sitepath}站点路径,根目录时值为空,为适应部署到二级目录时建议链接前面带上{pboot:sitelanguage}站点语言{pboot:sitetitle}站点标题{pboot:sitesubtitle}站点副标题......
  • 浏览器滚动条样式
    1.Webkit浏览器支持使用伪元素来修改滚动条的样式/*设置滚动条的整体样式*/::-webkit-scrollbar{width:12px;/*滚动条的宽度*/}/*设置滚动条轨道的样式*/::-webkit-scrollbar-track{background:#f1f1f1;/*轨道背景颜色*/}/*设置滚动条滑块的样式*/::-webkit-......
  • 国产linux系统(银河麒麟,统信uos)使用 PageOffice 国产版实现数据区域赋值并设置样式
    PageOffice国产版:支持信创系统,支持银河麒麟V10和统信UOS,支持X86(intel、兆芯、海光等)、ARM(飞腾、鲲鹏、麒麟等)、龙芯(LoogArch)芯片架构。查看本示例演示效果本示例关键代码的编写位置Vue+Springboot注意本文中展示的代码均为关键代码,复制粘贴到您的项目中,按照实际的情况,例如......
  • 在 Vue3 中使用 CSS Modules 实现样式隔离
    在Vue3中使用CSSModules实现样式隔离随着构建现代前端应用的需要,样式的管理和隔离变得越来越重要。为了解决样式冲突和管理困难的问题,CSSModules应运而生。今天,我们将讨论如何在Vue3中使用CSSModules实现样式隔离,特别是在使用新的setup语法糖的情况下。什么......
  • vxe-table 自定义单元格样式
    <template><div><vxe-tableborderclass="mytable-style":header-cell-class-name="headerCellClassName":row-class-name="rowClassName":cell-class-name="cellClassName&quo......
  • 创建一个SpringBoot项目,实现简单的CRUD功能和分页查询
    背景本博文主要是创建了一个新的SpringBoot项目,实现基本的增删改查,分页查询,带条件的分页查询功能。是方便初学者学习后端项目的一个比较清晰明了的实践代码,读者可根据博文,从自己动手创建一个新的SpringBoot项目,到使用PostMan测试基本请求,完完全全实践一遍,写出自己的代码,或者实现......
  • 探索CSS奥秘:深入解析版式布局与字体样式的应用技巧
    在现代网页设计中,CSS(层叠样式表)扮演着至关重要的角色,它不仅能美化网页,还能通过精细的版式布局和字体样式设计,为用户带来更好的浏览体验。无论是新手设计师还是经验丰富的前端开发者,深入理解和掌握CSS的应用技巧,都是必不可少的技能。本文将带你一起探索CSS在版式布局与字体样式中的......
  • pbootcms模板如何调用当前站点网址和当前页面网址
    在PbootCMS中,可以使用特定的标签来获取当前站点的网址和当前页面的URL。这对于需要使用网站路径前缀或者获取当前页面地址的场景非常有用。1.当前站点网址标签: {pboot:httpurl}功能:自适应获取当前访问的网址。2.当前页面标签: {pboot:pageurl}功能:获取当前访......
  • pbootcms模板内页如何调用相关文章
    在PbootCMS中,可以使用 {pboot:list} 标签来调用相关文章。相关文章通常是根据分类或其他条件筛选出来的文章。下面是一个详细的示例,展示如何在模板内页调用相关文章。示例代码假设你想在一个文章详情页中调用与当前文章相同分类下的其他文章,可以使用以下代码:html {pb......
  • pbootcms文章或者产品设置范围随机增加访客阅读量
    要在PbootCMS中修改文章的默认访问量,使其在添加文章时设置一个随机访问数,可以按照以下步骤操作:找到并修改 ContentController.php 文件。添加随机访问数代码。更新访问量字段。修改步骤1.找到并修改 ContentController.php 文件打开文件 apps/admin/controller/co......