您现在的位置是:首页 > 教程 > pbootcms教程pbootcms教程
PbootCMS分页条标签参数和样式说明
访琴2023-06-08 23:33:36pbootcms教程已有人查阅
导读分页条标签 适用范围:分页条标签适用所有执行了分页的页面 标签作用:用于输出分页代码 1、分页条标签{page:bar} 系统内置的完整分页条{page:current} 当前页码{page:count}
分页条标签
适用范围:分页条标签适用所有执行了分页的页面
标签作用:用于输出分页代码
1、分页条标签
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} | 下拉选择条 |
状态: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都可以看到。
本文标签:
很赞哦! ()
相关文章
- pbootcms异常提示 Undefined constant"PAGE
- pbootcms百度推送提示not_same_site的解决方法
- pbootcms后台图片上传提示”上传失败:存储目录创建失败!的解决
- pbootcms实现php+ajax文件上传
- pbootcms系统QQ邮箱接受邮件的配置方法
- pbootcms修改权限后仍然提示“会话目录写入权限不足”的解决方法
- lamp分离部署安装pbootcms
- pbootcms符合SEO优化的目录结构分析
- pbootcms提示“未检测到您服务器环境的sqlite3数据库扩展”的解
- pbootcms升级PHP版本需要注意什么
- pbootcms判断用户是否登录并排除Cookie过期但仍显示已登录的方法
- pbootcms加载类文件时错误类名【core\\basic\\Kernel】的解决方
随机图文
-
PbootCMS开发手册公共标签使用方法
如:内容列表时间格式化[list:date style=Y-m-d]、内容详情页时间格式化{content:date style=Y-m-d} -
pbootcms导航菜单调用方法和参数说明
多级菜单实现通常默认导航是这样写的然后在加上一个if判断,即使用这个参数 nav:soncount 当它大于0时才触发循环,避免无二级菜单时出现空白内容 -
PbootCMS怎么创建模板文件
学习程序,一定要多动手,多思考。由于本系列是模板制作教程,因此不会涉及一些基础的HTML以及CSS这些知识的详解,大家需要自行去了解。 -
pbootcms通过layui上传实现留言文件上传功能的代码实例
话不多说,直接上图上代码–这里以上传图片为例!其他文件自行修改 首先引入layui框架,然后修改前端的留言页面。
留言与评论 (共有 条评论) |