您现在的位置是:首页 > cms教程 > pbootcms教程pbootcms教程
pbootcms翻页分页条标签如何调用
念薇2024-08-29 22:40:25pbootcms教程已有18人查阅
导读分页条标签,适用范围:分页条标签适用所有执行了分页的页面。标签作用:用于输出分页代码
分页条标签
适用范围:分页条标签适用所有执行了分页的页面
标签作用:用于输出分页代码
1、分页条标签
{page:bar} 系统内置的完整分页条 {page:current} 当前页码 {page:count} 总页数 {page:rows} 总数据行数 {page:index} 首页链接 {page:pre} 前一页链接 {page:next} 下一页链接 {page:last} 尾页链接 {page:status} 分页状态信息 {page:numbar} 数字条,数字带class名称为page-num,当前的同时还带page-num-current {page:selectbar} 下拉选择条
2、分页条自带的HTML样式class名称
状态:page-status
首页:page-index
上一页:page-pre
下一页:page-next
尾页:page-last
数字条:page-numbar ,数字条下面的数字:page-num ,如果是当前页,那么该数字还同时带有:page-num-current
下拉条:page-select (默认条已经不显示)
如果使用系统完整分页条,则以上样式名称在输出的HTML代码中都带,你可以直接使用对应名称在自己的css中定义具体样式即可;
如果使用自定义方式,那么就按照自己写的html代码来定义,但是数字条下面的page-num 、page-num-current依然有效。
当然,如果你对前端还算比较上手,你应该知道其实上面说的这些通过F12都可以看到。
适用范围:分页条标签适用所有执行了分页的页面
标签作用:用于输出分页代码
1、分页条标签
{page:bar} 系统内置的完整分页条 {page:current} 当前页码 {page:count} 总页数 {page:rows} 总数据行数 {page:index} 首页链接 {page:pre} 前一页链接 {page:next} 下一页链接 {page:last} 尾页链接 {page:status} 分页状态信息 {page:numbar} 数字条,数字带class名称为page-num,当前的同时还带page-num-current {page:selectbar} 下拉选择条
2、分页条自带的HTML样式class名称
状态:page-status
首页:page-index
上一页:page-pre
下一页:page-next
尾页:page-last
数字条:page-numbar ,数字条下面的数字:page-num ,如果是当前页,那么该数字还同时带有:page-num-current
下拉条:page-select (默认条已经不显示)
如果使用系统完整分页条,则以上样式名称在输出的HTML代码中都带,你可以直接使用对应名称在自己的css中定义具体样式即可;
如果使用自定义方式,那么就按照自己写的html代码来定义,但是数字条下面的page-num 、page-num-current依然有效。
当然,如果你对前端还算比较上手,你应该知道其实上面说的这些通过F12都可以看到。
本文标签:
很赞哦! (2)
暂无内容 |
暂无内容 |
相关文章
暂无内容 |
暂无内容 |
随机图文
pbootcms前台功能二次开发代码示例
最近业务需求想要在前台开发一个功能,使用的是PbootCMS来做二次开发,怎么做呢?pbootcms内容栏目新增栏目编辑器字段的方法
上次分享了如何给内容栏目增加栏目简介字段->pbootcms内容栏目增加栏目简介字段的方法,有网友反馈是否可以把textarea改为编辑器pbootcms内容详情页面展示当前栏目更多文章的实现方法
在网站建设过程中在详情页展示更多文章列表,可以让用户免去返回文章列表这一流程,使用户浏览更多相似文章起来更方便。这与上下篇文章切换和面包屑导航有异曲同工之妙图片加载太慢pbootcms自动替换图片地址为七牛云cdn的方法
本篇主要是为这篇文章(未备案域名怎么使用国内cdn加速网站?)进行pbootcms相关补充,主要为了解决网站放在香港小水管主机图片加载太慢问题
留言与评论 (共有 0 条评论) |